0 写在前面
因为java后端开发最常用的是springboot嘛,所以记录基于springboot解决跨域问题。
在使用springboot进行传参时,需要解决跨域问题,不然会传参错误或者报错。
1 解决
在任意位置定义一个类,代码:
import org.springframework.context.annotation.Configuration;
import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebFilter(filterName = "CorsFilter ")
@Configuration
public class CorsFilter implements Filter {
@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) res;
response.setHeader("Access-Control-Allow-Origin","*");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, PATCH, DELETE, PUT");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
chain.doFilter(req, res);
}
}
之后就解决传参了。
2 vue解决跨域问题
可以看一下博主的这个文章:解决Vue中Axios发送请求时跨域的问题。。
3 写在末尾
此时跨域问题已经完美解决。可以进行正常的交互访问。
有一点值得提出的是,在不同的端口下要进行解决跨域问题,如果是静态页面访问资源则不需要进行解决这个问题。