问题描述:后端返回的Cookie,前端无法拿到
解决方案:
将CORSFilter中的过滤部分代码修改,”Access-Control-Allow-Origin” 的值不能再为”*”,改为调用方的url,代码如下:
@Override
public 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值携带上去访问后端。第三个步骤,之后如果还有问题可以继续研究是否有效。