跨域问题解决办法

问题描述

每次请求sessionID都不一致，导致无法获取登录状态

前端解决办法

全局设置携带cookie

import Axios from 'axios'
import qs from 'qs'

Axios.defaults.withCredentials = true // 带cookie
Axios.defaults.timeout = 30000 // 响应时间
Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' // 配置请求头
Axios.defaults.baseURL = '/xxx/api' // 配置接口地址

后端解决办法

设置过滤器

package com.hikvision.seclab.web;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**
 * @author: 2019/9/21 16:24
 * @since: 0.0.1-SNAPSHOT
 * @modified By:
 */
@WebFilter(urlPatterns = { "/*" }, filterName = "loginAuthFilter")
public class CorsFilter implements Filter {
    @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;
        response.setHeader("Access-Control-Allow-Origin", "http://10.xx,xx.26:8080");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
        response.setHeader("P3P","CP=CAO PSA OUR");
        System.out.println("*********************************过滤器被使用**************************");
        filterChain.doFilter(servletRequest, servletResponse);
    }

    @Override
    public void destroy() {

    }
}

前后的上下文问题导致无法携带sessionId

后端response中，指定了sessionID的路径，只有该路径下的请求才会携带sessionID到后端

前端可以使用代理，请求路径不必完全与后端请求路径一致，这就有可能前端请求不在后端指定的路径下，导致无法携带sessionID到后端。

前端设置的baseURL一定要在后端指定的路径下！！！

前端设置的baseURL一定要在后端指定的路径下！！！

前端设置的baseURL一定要在后端指定的路径下！！！

前端代理设置代码：

 devServer: {
    proxy: {
      '^/xxx/': {
        target: 'http://10.xx.xx.26:8082/',
        changeOrigin: true
      }
    }
  }

前端baseURL设置

import Axios from 'axios'
import qs from 'qs'

Axios.defaults.withCredentials = true // 带cookie
Axios.defaults.timeout = 30000 // 响应时间
Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8' // 配置请求头
Axios.defaults.baseURL = '/xxx/api' // 配置接口地址