1、登錄頁面提交用戶名和密碼后,獲得了token,并保存在了localStorage和store中2、在axios封裝文件http.js中設(shè)置了請求攔截器,代碼如下//添加請求攔截器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后端已經(jīng)設(shè)置過下面代碼了header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:POST');header('Access-Control-Allow-Headers:x-requested-with,content-type');不知道是什么原因,求解?
急求?。。?!vue 嘗試使用token來驗證登錄,設(shè)置了請求攔截器遇到的問題求解答!
桃花長相依
2019-08-11 14:04:24