后端框架Spring Boot,前端框架vue
1. 跨域+攜帶cookie
2. 攔截器
在main.js里設(shè)置攔截器
// 添加請求攔截器
axios.interceptors.request.use(function (config) {
// 在發(fā)送請求之前,格式化參數(shù),增加token
let data = config.data;
let params = new URLSearchParams()
for (var key in config.data) {
params.append(key, data[key])
}
//params.append("tokenStr", getTimes())
config.data = params;
return config;
}, function (error) {
return Promise.reject(error);
});
3. 發(fā)送請求
login:function(){
let that=this;
this.axios({
method: 'post',
url: 'http://000.00.00.0:8888/login', //后端api
data: {
account: $("#account").val(), //傳給后端的數(shù)據(jù)
userPassword: $("#pwd").val()
},
headers: {'Content-Type': 'application/x-www-form-urlencoded'} //跨域
}).then(function (res) {
console.log(res);
}).catch(function (error) {
console.log(error)
});
},