CORS跨域时axios无法获取服务器自定义的header信息
2018-03-15 10:48
756 查看
最近用vue.js+axios开发单页面应用时,需要把自定义信息(token,uid)放到response header中返回,如下
原因:
在使用CORS方式跨域时,浏览器只会返回以下默认头部header:response header
Content-Language
Content-Type
Expires
Last-Modified
Pragma
如果你想在客户端app中获取自定义的header信息,需要在服务器端header中添加Access-Control-Expose-Headers:
<?php header("token:www.uxuew.cn"); header("uid:100"); ?>然后在客户端获取在服务器端自定义的header信息:
const request = axios.post('http://vue.uxuew.cn/login`,props); request.then((response)=>{ console.log(response.headers); });但是我得到的结果里却没有我自定义的值
Object { content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate" }在浏览器网络菜单里,去可以看到所有的response header信息,包含服务器端自定义的。
原因:
在使用CORS方式跨域时,浏览器只会返回以下默认头部header:response header
Content-Language
Content-Type
Expires
Last-Modified
Pragma
如果你想在客户端app中获取自定义的header信息,需要在服务器端header中添加Access-Control-Expose-Headers:
header('Access-Control-Expose-Headers:token,uid');
相关文章推荐
- SSIS \etl远程部署时 无法获取服务器部署目录
- UITableView获取cell的row值(解决自定义cell里的button通过点击无法获得cell的indexpath的问题)
- 访问Linux下ftp服务器 ,客户端获取到:“服务器返回 无法识别的命令”
- js中如果无法获取某个html属性,例如自定义了一个dir属性,但获取总是为空,尝试换个词,因为可能什么关键词冲突了。
- UITableView获取cell的row值(解决自定义cell里的button通过点击无法获得cell的indexpath的问题
- Apache服务器无法获取Authorization Header
- 一次微信公众号URL(服务器地址)无法获取到$_post参数的问题。
- 无法从web服务器获取项目文件(转)
- 在服务器中发布IIS服务,挡在本地iis网站访问服务时候经常出现文件无法获取
- 缺省HTMLFORM导致自定义服务器控件脚本无法注册
- “无法从web服务器获取项目文件”解决方案
- 新建Asp.net 网站无法使用自定义服务器
- OPENDATASOURCE 无法获取链接服务器 (null)
- react中使用axios获取后台服务器数据
- vs2012 网站无法使用自定义服务器的解决方法
- 普通用户启动WebLogic,应用程序无法从FTP服务器目录中获取图片问题的解决方案。
- DHCP服务器无法获取IP地址问题解决实录
- “无法从web服务器获取项目文件”解决方案
- jquery $.ajax+php使用jsonp处理数据时,前端success :function无法获取服务器返回数据
- “无法从web服务器获取项目文件”解决方案