鍍金池/ 問答/PHP  HTML/ vue 中 axios 自定義請求頭失敗,求幫忙!

vue 中 axios 自定義請求頭失敗,求幫忙!

vue 中 axios 如何添加自定義請求頭?

圖1 為我的代碼
圖2 為我輸出臺輸出的config值
圖3 為瀏覽器network的內(nèi)容 其中紅字是我看別人攜帶請求頭出現(xiàn)的方式 而不像我圖三中方框里的這種形式
我現(xiàn)在這么寫是錯了
請問是哪里出了問題?

圖片描述

圖片描述

圖片描述

回答
編輯回答
怪痞

config.headers['Authorization'] = token

2018年8月21日 08:00
編輯回答
舊螢火

我是這樣添加的：

function RequestAPI(url) {
  const promise = new Promise((resolve, reject) => {
    Axios.defaults.timeout = 120000;
    Axios.get(url, { headers: { Authorization: process.env.API_TOKEN } }).then((res) => {
      if (res.status === 200) {
        resolve(res.data);
      } else {
        reject(res);
      }
    }).catch((err) => {
      reject(err);
    });
  });
  return promise;
}
2017年6月27日 22:55
編輯回答
神曲

瀏覽器的預(yù)檢請求，看看你的服務(wù)器是不是支持傳那個自定義頭

2017年7月23日 13:32
編輯回答
綰青絲

跨域非簡單請求，瀏覽器會先發(fā)送個預(yù)檢驗OPTIONS請求。
你這個是判斷是否支持自定義的request Header，服務(wù)器配置支持的話就沒問題，讓后端人員加上吧。
或者配置個nginx反向代理，客戶端同域就不會發(fā)預(yù)檢驗了。
建議樓主補補HTTP，CORS相關(guān)知識
實例：
clipboard.png

clipboard.png

clipboard.png

2017年9月9日 05:39