Java后端解决跨域问题

痛定思痛。 2024-03-27 17:09 116阅读 0赞

## 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发送请求时跨域的问题。][Vue_Axios]。

## 3 写在末尾 ##

此时跨域问题已经完美解决。可以进行正常的交互访问。  
有一点值得提出的是，在不同的端口下要进行解决跨域问题，如果是静态页面访问资源则不需要进行解决这个问题。

[Vue_Axios]: https://blog.csdn.net/weixin_45909221/article/details/129018911?spm=1001.2014.3001.5501