亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 中使用token進行驗證的問題

vue 中使用token進行驗證的問題

嗶嗶one 2019-06-18 09:55:18
1、登錄頁面提交用戶名和密碼后,獲得了token,并保存在了localStorage和store中2、在axios封裝文件http.js中設置了請求攔截器,代碼如下//添加請求攔截器axios.interceptors.request.use(config=>{if(localStorage.getItem('token')){config.headers.Authorization=localStorage.getItem('token');}returnconfig;},error=>{returnPromise.reject(error);});問題:刷新頁面后,console提示如下錯誤AccesstoXMLHttpRequestat'http://127.0.0.1/api/v1.info/list?page=1&limit=10'fromorigin'http://localhost:8080'hasbeenblockedbyCORSpolicy:RequestheaderfieldauthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse.把請求攔截器的這段代碼去掉,就是正常的if(localStorage.getItem('token')){config.headers.Authorization=localStorage.getItem('token');}而且跨域問題,在php后端已經設置過下面代碼了header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:POST');header('Access-Control-Allow-Headers:x-requested-with,content-type');不知道是什么原因,求解?
查看完整描述

2 回答

?
隔江千里

TA貢獻1906條經驗 獲得超10個贊

錯誤信息提示的很明顯RequestheaderfieldauthorizationisnotallowedbyAccess-Control-Allow-Headersinpreflightresponse.
允許跨域設置中需要讓authorization通過
header('Access-Control-Allow-Headers:x-requested-with,content-type,Authorization')
                            
查看完整回答
1 反對 回復 2019-06-18
?
UYOU

TA貢獻1878條經驗 獲得超4個贊

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type,Authorization')
                            
查看完整回答
1 反對 回復 2019-06-18
  • 2 回答
  • 0 關注
  • 761 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號