RequestHeaders添加自定义参数

当参数需要绑定到requestHeaders而非body中时,会出现浏览器因不允许自定义字段报错。原因是浏览器在跨域请求时会先用OPTIONS探测服务器。解决办法是服务器对OPTIONS请求响应,Access-Control-Allow-Headers中包含自定义字段。Java服务端可在filter中设置相应的响应Header,注意大小写不影响。
摘要由CSDN通过智能技术生成

在开发过程中有的时候,参数需要绑定到requestHeaders中,而并不是在body中进行传输。这个时候就需要我们自己定义参数(需要后台的配合)

  setToken() {
    let token = localStorage.getItem('token') ? localStorage.getItem('token') : ''
    this.instance.defaults.headers.common['tokens'] = token
  }
// 使用axios添加requestHeaders参数。封装到ajax请求中~

问题一:在浏览器的console中报错:自定义字段不被允许

Request header field 自定义字段 is not allowed by Access-Control-Allow-Headers

原因:

包含自定义header字段的跨域请求,浏览器会先向服务器发送OPTIONS请求,探测该服务器是否允许自定义的跨域字段。

如果允许,则继续实际的POST/GET正常请求,否则,返回标题所示错误。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值