前端使用 axios 跨域请求 api
服务端返回结果的时候 header 配置了跨域参数
并返回了一些自定义 headers
如 Authorization、Client-Id 等
电脑端调试时 可以打印这些 response 的 headers 参数
唯独手机端的 safari、chrome 均无法获取
打印只有 content-type、cache-control
但两者的 response.data 的数据都是正常的
PC 端 response.headers
手机端的 response.headers
请教下这是什么原因
谢谢各位 找到原因了 但是很诡异 PC端不用设置是可以拿到全部headers的
原因：
Access-Control-Expose-Headers：该字段可选。CORS请求时，XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段：Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段，就必须在Access-Control-Expose-Headers里面指定。上面的例子指定，getResponseHeader('FooBar')可以返回FooBar字段的值。
 |
misaka19000Aug 1, 2018
1
亮代码
|
 |
2
@misaka19000
服务端  客户端  |
|
misaka19000Aug 1, 2018
3
是不是 JS 里面有限制有些 header 不允许拿到？
|
|
4
@misaka19000 关键是手机端和 PC 端的前端代码是一样的 。。
|
 |
swcatAug 1, 2018 via iPhone
5
给个调试思路，用 charles 抓包，看抓到的包，判断问题出在哪里，我用跨域也用了蛮久了，貌似没有出现你说的问题，(可能配置不完全一样)可以贴出抓的手机端的包看看
或者先从简单跨域，一步一步到你的跨域配置，看哪里出问题 |
 |
tradzeroAug 1, 2018
6
是不是 nginx 的跨域 没写 always
|
 |
7
|
 |
YMBAug 2, 2018
10
没错，是要这样指定，但我印象中如果不指定手机和 pc 都收不到。。
|
1
Select Language