vue+Java 前后端分离，多次请求Session不一致的问题（网络上找的）

最新推荐文章于 2024-04-04 19:53:02 发布

anqiai0851

最新推荐文章于 2024-04-04 19:53:02 发布

阅读量1k

点赞数

文章标签： javascript java 前端 ViewUI

原文链接：http://www.cnblogs.com/cweijie/p/11082378.html

版权

在vue  main.js中增加以下配置：
import axios from 'axios';
axios.defaults.withCredentials=true;



请求时：设置 withCredentials: true

axios({
  url: url,
  data: data,
  headers: {
    'Content-Type': 'multipart/form-data'
  },
  method: 'POST',
  withCredentials: true
}).then(response => {
  resolve(response)
}

服务端添加filter：
private final List<String> allowedOrigins = Arrays.asList("http://localhost:8089","http://localhost:8088");// 允许跨域的地址
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}
 
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        HttpServletRequest request = (HttpServletRequest) servletRequest;
 
        response.setHeader("Access-Control-Allow-Headers", "X-Requested-With, Accept, Content-Type");
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
        String origin = request.getHeader("Origin");
        response.setHeader("Access-Control-Allow-Origin", allowedOrigins.contains(origin) ? origin : "");
        // 是否允许浏览器携带用户身份信息（cookie）
        response.setHeader("Access-Control-Allow-Credentials","true");
        // 图片上传会用到
        if( "OPTIONS".equals(request.getMethod())){   
        }
        filterChain.doFilter(servletRequest, servletResponse);
    }

转载于:https://www.cnblogs.com/cweijie/p/11082378.html