vue-resource回调函数的返回值headers里面只有content-type,没有其他的

正在做一个登录页面,后台成功接收数据后会在response headers里面放入token,然后我再回调的res中取的这个token,但是现在出现问题了,获取的headers里面只有一个‘content-type’,截图如下:

clipboard.png
但是在chrome中看到的response headers里面又带有token:
clipboard.png
所以感觉很奇怪,先贴一下自己的代码:

clipboard.png

感觉是不是vue-resource这个插件获取不了response headers的完整值啊,

因为我在post man里面看到是有完整的headers的:
clipboard.png

好奇怪啊,有没有朋友知道原因,请告知,谢谢。

阅读 9k
2 个回答

你可以看看这里interceptors

{
  // POST /someUrl
  this.$http.post('/someUrl', {foo: 'bar'}).then(response => {

    // get status
    response.status;

    // get status text
    response.statusText;

    // get 'Expires' header  ******这种方式试试******
    response.headers.get('Expires');

    // get body data
    this.someData = response.body;

  }, response => {
    // error callback
  });
}

你好, 我是使用的是 springboot + vue-resource, 解决方式:
后端将自定义的header名称(token)暴露给前端,使用 exposedHeaders("token")

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/*").exposedHeaders(ShiroHttpSession.DEFAULT_SESSION_ID_NAME)
                .allowCredentials(true);
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题