问题描述:后端返回的Cookie,前端无法拿到
解决方案:
将CORSFilter中的过滤部分代码修改,”Access-Control-Allow-Origin” 的值不能再为”*”,改为调用方的url,代码如下:
@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {if(isCross) {HttpServletRequest httpServletRequest = (HttpServletRequest) servletRequest;HttpServletResponse httpServletResponse = (HttpServletResponse) servletResponse;System.out.println("拦截请求:" + httpServletRequest.getServletPath());// 这里做了修改//httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");httpServletResponse.setHeader("Access-Control-Allow-Origin", httpServletRequest.getHeader("Origin"));httpServletResponse.setHeader("Access-Control-Allow-Methods", "POST,GET,OPTIONS,DELETE");httpServletResponse.setHeader("Access-Control-Max-Age", "0");httpServletResponse.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, " +" Expires, Content-Type, X-E4M-With,userId,token");httpServletResponse.setHeader("Access-Control-Allow-Credentials", "true");httpServletResponse.setHeader("XDomainRequestAllowed", "1");}filterChain.doFilter(servletRequest, servletResponse);}
前端对应的要将axios的默认配置
withCredentials设置为true,代码如下:// 为解决cookie跨域调用访问不到的问题axios.defaults.withCredentials = true
(好像没起作用)还有说配置nginx,但是在这里好像没有用处,具体的修改代码如下:
// 添加了这一段,没啥用server {listen 8081;server_name localhost;proxy_set_header X-Forwarded-Host $host;proxy_set_header X-Forwarded-Server $host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header Host $host;}
总结
通过上述的两个步骤,就使得前端拿到了后端返回的Cookie值,并在每次请求时会将Cookie值携带上去访问后端。第三个步骤,之后如果还有问题可以继续研究是否有效。
