vue+Java 前后端分離，多次請求Session不一致的問題

firim 發(fā)布于2019-08-16 12:43 / 2900人閱讀

摘要：后來發(fā)現(xiàn)原因是在做圖片上傳時，會在請求之前，先發(fā)送一個的預(yù)請求，這個請求的作用主要是獲取服務(wù)器支持的請求方法，用來檢查服務(wù)器的性能或判斷后續(xù)請求是否安全。。如果是請求，不會執(zhí)行，以至于之后的校驗不生效，所以會沒有權(quán)限。

Vue項目用的axios發(fā)送請求
在main.js中增加以下配置：

import axios from "axios";
axios.defaults.withCredentials=true;

使用時，設(shè)置withCredentials: true（請求時攜帶憑證信息）

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

服務(wù)端添加filter

    private final List 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);
    }

方法中有一行if( "OPTIONS".equals(request.getMethod())) 的判斷，是因為我在做圖片上傳時，登錄認(rèn)證會失效導(dǎo)致跳轉(zhuǎn)到登錄頁。
后來發(fā)現(xiàn)原因是在做圖片上傳時，會在POST請求之前，先發(fā)送一個OPTION的預(yù)請求，這個請求的作用主要是 獲取服務(wù)器支持的HTTP請求方法，用來檢查服務(wù)器的性能或判斷后續(xù)請求是否安全。。
如果是OPTIONS請求，不會執(zhí)行filterChain.doFilter(servletRequest, servletResponse)，以至于之后的shiro校驗不生效，所以會沒有權(quán)限。