vue 前端跨域无法获取token，但是Response Headers里面可以看到token（php设置自定义的header暴露）

vue 前端无法获取到后端返回的 token ，但是Response Headers里面已经显示token了

最凶残的小海豹

3701人浏览 · 2021-02-06 15:33:37

最凶残的小海豹 · 2021-02-06 15:33:37 发布

问题： 前后端分离，所以会跨域，vue前端无法获取到token值，但是在NetWork里面查看，Response Headers里面可以看到token的值的。
在这里插入图片描述

原因： 跨域的时候，默认不暴露自定义的header的，token这些是我们自定义的header，所以需要后端进行设置

解决方法： 在后端设置自定义header可见，加入下列代码即可，不会设置header的，去搜一下吧，注意，不要和 Access-Control-Allow-Headers 搞混了

// Authorization 就是你自己设定的值，也可以直接换成token
xxx.setHeader("Access-Control-Expose-Headers",Authorization);

tinkphp直接用下面的代码

// Authorization 就是你自己设定的值，也可以直接换成token
header("Access-Control-Expose-Headers:Authorization");

然后就可以获取到啦~
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^