前后端分离session不一致问题

问题描述：

该项目的登录先由后台生成一验证码返回给前端，并保存在session中，不过当前端登录时，后台会报 NullPointerException，看前端的请求头才发现前端的请求中并没有携带cookie信息，而且会发生几次请求；

开始我们以为这就是经典的跨域问题，然后我就去了解了跨域

什么是跨域

浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 

域名：

• 主域名不同: http://www.baidu.com/index.html –>http://www.sina.com/test.js
• 子域名不同: http://www.666.baidu.com/index.html –>http://www.555.baidu.com/test.js
• 域名和域名ip: http://www.baidu.com/index.html –>http://180.149.132.47/test.js
• 端口：http://www.baidu.com:8080/index.http->http://www.baidu.com:8081/test.js
• 协议：http://www.baidu.com:8080/index.html–> https://www.baidu.com:8080/test.js

备注：

解决跨域

前后端都有自己的解决方案，前端有jsonp专门用于解决跨域，不管只能使用get请求，很不方便；所以后端解决跨域会方便一些

<!-- 跨域设置 -->
<mvc:cors>
<mvc:mapping path="/**"
allowed-origins="*"
allowed-methods="*"
allow-credentials="true"
allowed-headers="*"/>
</mvc:cors>

// 网络请求框架
import axios from 'axios'
axios.defaults.withCredentials=true //让ajax携带cookie
Vue.prototype.$http = axios // 这样设置就可以在组件内用 this.$http 使用axios了
axios.defaults.baseURL = '' //初始化基础地址