H5W3
当前位置:H5W3 > 其他技术问题 > 正文

axios请求 自定义设置头部

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

clipboard.png

浏览器输出的结果如下:

clipboard.png

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

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

回答:

出现问题的原因有两个

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

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

回答:

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

回答:

试一下:

// 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

回答:

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

回答:

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

本文地址:H5W3 » axios请求 自定义设置头部

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址