ssm+vue 前后端分離 跨域 session

第一次開發前后端分離的 后台管理系統過程成 遇到了的 跨域問題和session 不一致的問題。

查閱網上各種資料，嘗試 配置了過濾器、攔截器 ，只解決了跨域問題，但是session 還是每次請求都不一樣，

最終發現只需要開啟  springMvc 自帶的跨域配置 即可

1、在spring-mvc.xml 文件中加入以下代碼

<mvc:cors>
        <mvc:mapping path="/**"  //路徑
                     allowed-origins="*"  //表示所有域名都可訪問
                     allowed-methods="POST, GET, OPTIONS, DELETE, PUT"
                     allowed-headers="Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"
                     allow-credentials="true" /> //允許請求攜帶參數 。。比如重要的cookie
    </mvc:cors>

注：如果 cors 標簽標紅  

 

請將spring-mvc.xml 文件中的配置   

 

 http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd  

 改為   
 http://www.springframework.org/schema/mvc/spring-mvc.xsd 

 

2、前端配置

我是用vue  axios 發送的請求

只需要在main.js 中配置如下代碼

axios.defaults.withCredentials=true//允許跨域 時攜帶cookie

 

 

 

 

效果如下request  headers 請求已經 攜帶了 服務端返回的cookie