最近寫項目遇到前端請求攔截器將token加到請求頭之中忍燥,但是在java頁面怎么樣也獲取不到的問題作以記錄,以便遇見之后方便查找家乘。
原因:(百度出來的)在前后端分離項目中泻帮,前端請求據(jù)說會先發(fā)送一個預(yù)請求征字,這個請求不能加入自定義元素都弹,據(jù)說可以改已有的娇豫,但我試了匙姜,沒管用。所以需要在后端攔截器將這個預(yù)請求給放過冯痢,處理真正的請求氮昧。
下面是將需要的代碼進行CV大法
前端需要的代碼
在vue腳手架的main函數(shù)中結(jié)尾加上請求攔截器,將token放在請求頭之中
axios.interceptors.request.use(
config => {
if (localStorage.getItem('token') != null && localStorage.getItem('token') !== '') {
config.headers.token = localStorage.getItem('token'); // 讓每個請求攜帶自定義token 請根據(jù)實際情況自行修改
}
return config
},
error => {
console.log(error)
Promise.reject(error)
}
)
后端需要的代碼
在boot項目的攔截器之中將下列代碼CV到preHandle方法最上邊
if (HttpMethod.OPTIONS.toString().equals(request.getMethod()))
return true;
over ber~
————————————————
原文鏈接:https://blog.csdn.net/weixin_45355274/article/details/121014879