vue axios 跨域请求在ie浏览器 报错 Access-Control-Allow-Headers 列表中不存在请求标头 authorization.

Posted 2023-03-09

vue axios 跨域请求，请求头不传token时，所有浏览器都能成功，在请求头中传token，在谷歌浏览器和火狐正常，在ie浏览器 报错 Access-Control-Allow-Headers 列表中不存在请求标头 authorization.哪位大神知道，帮忙回答一下
不需要传token的接口能正常返回数据，需要传token的接口在 ie11 上就报错 “
Access-Control-Allow-Headers 列表中不存在请求标头 authorization.
”

【问题原因】
标准的head，认证名字叫做Authorization，A要大写，但是在vue用axios跨域请求时，传的head名称为authorization，是小写，所以即使是设置Access-Control-Allow-Headers为*，也无法识别。
【解决办法】
后台服务器设置Access-Control-Allow-Headers为'authorization,Authorization,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type'，强制包含一个authorization头即可。 参考技术A 请求楼主解决了吗，我遇到跟你一样的问题 参考技术B 检查一下服务端有没有设置Access-Control-Allow-Headers追问

设置了，要不然其他浏览器也不会成功。