vue 中 axios 自定义请求头失败,求帮忙!

Question

vue 中 axios 如何添加自定义请求头?

图1 为我的代码
图2 为我输出台输出的config值
图3 为浏览器network的内容 其中红字是我看别人携带请求头出现的方式 而不像我图三中方框里的这种形式
我现在这么写是错了
请问是哪里出了问题?

Answer 1

跨域非简单请求，浏览器会先发送个预检验OPTIONS请求。
你这个是判断是否支持自定义的request Header，服务器配置支持的话就没问题，让后端人员加上吧。
或者配置个nginx反向代理，客户端同域就不会发预检验了。
建议楼主补补HTTP，CORS相关知识
实例：

Answer 2

浏览器的预检请求，看看你的服务器是不是支持传那个自定义头

Answer 3

我是这样添加的：

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;
}

Answer 4

config.headers['Authorization'] = token

Answer 5

https://www.liuliuxiaogege.co... 或许这个能帮助到你