javascript - axios設置自定義請求頭問題

問題描述

先別噴我，文檔我已經看了，也谷歌了，按著文檔或者搜索到的答案設置出來的結果都不是我要的，main.js代碼如下

axios.interceptors.request.use( config => { // 判斷是否存在token，如果存在的話，則每個http header都加上token// config.withCredentials = trueconfig.headers[’X-Token’] = ’eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC9hcGkuamlhamlh’return config }, err => {return Promise.reject(err)})

瀏覽器輸出的結果如下

只是多了一個Access-Control-Request-Headers:x-token連x-token得值都沒有，不應該是在頭信息里多一個X-Token，與'Host'等同級的屬性嗎？不應該是X-Token: eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC9hcGkuamlhamlh這樣的嗎？求解

問題解答

是這樣的，跨域請求，非簡單請求（不是 get、post 或存在多余的頭部）時，瀏覽器會首先進行一個 OPTIONS 請求，這個請求來詢問跨域是否被允許。Access-Control-Request-Headers 就屬于這個請求。

當服務器返回允許 Access-Control-Request-* 所列出的項目是（就是返回 Access-Control-Allow-*）后，瀏覽器會發送你的請求。