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

vue 中 axios 自定義請(qǐng)求頭失敗,求幫忙!

vue 中 axios 如何添加自定義請(qǐng)求頭?

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

圖片描述

圖片描述

圖片描述

回答
編輯回答
怪痞

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ù)檢請(qǐng)求，看看你的服務(wù)器是不是支持傳那個(gè)自定義頭

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

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

clipboard.png

clipboard.png

2017年9月9日 05:39