axios请求 自定义设置头部

Question

后台要求请求时头部带sign值进行验证,在请求的时候自定设置了头部信息,代码如下:

浏览器输出的结果如下:

多了一个Access-Control-Request-Headers:sign
网上有人跟我遇到了一样的问题,这个解决方法的链接:https://segmentfault.com/q/10...;我按照解决方法让后台设置了,但是还是不行,怎样才能让头部设置成键值对的形式.

vue新手一枚,请大神指点一下,非常感谢.

Answer 1

出现问题的原因有两个

1. 跨域了
2. 添加了自定义header

解决方法是服务端Access-Control-Request-Headers中加入sign字段即可

Answer 2

你这个应该还是后台设置的问题，就是有关cors跨域后端相关设置的问题，网上的代码其实也有一堆，但是有时候具体情况可能稍微有点不同，这个需要自己去联调。

Answer 3

试一下：

// Set config defaults when creating the instance
const instance = axios.create({
  baseURL: 'https://api.example.com'
});

// Alter defaults after instance has been created
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

axios

Answer 4

请参考我写的这篇文章，是关于跨域问题的。这里应该是先发的一个Option请求，但是后台跨域没有正确配置导致跨域失败了吧。

Answer 5

看一下响应头的Access-Control-Allow-Headers是不是也有sign