Vuejs之axios获取Http响应头

gougoujiang 发布于2019-06-27 16:15 / 990人阅读

摘要：今天在开始接入后端就遇到了一个问题了在用获取时候获取到的只有的下面是服务器返回的响应头，我需要拿到的是使用拿到的只用两个默认的尝试了使用捕获响应头的方法结果打印出来的还是找了半天问题，后面的在一个论坛找到了解决方法原来在默认的请

今天在开始接入后端Api 就遇到了一个问题了

在用 axios 获取 respose headers 时候获取到的只有的

Object {
    cache-control:"private, must-revalidate",
    content-type:"application/json"
}

下面是服务器返回的响应头，我需要拿到的是 Authorization

使用 respose.headers 拿到的只用两个默认的headers, 尝试了使用捕获响应头的方法

   axios.interceptors.response.use(function (response) {
        // Do something with response data
        console.log(response);
        return response;
    }, function (error) {
        // Do something with response error
        return Promise.reject(error);
    });

结果打印出来的还是

Object {
    cache-control:"private, must-revalidate",
    content-type:"application/json"
}

找了半天问题，后面的在一个论坛找到了解决方法

原来在默认的请求上，浏览器只能访问以下默认的响应头

Cache-Control

Content-Language

Content-Type

Expires

Last-Modified

Pragma

如果想让浏览器能访问到其他的响应头的话需要在服务器上设置 Access-Control-Expose-Headers

Access-Control-Expose-Headers : "Authorization"

前端成功获取Authorization

原文地址：http://stackoverflow.com/ques...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/22811.html

Vuejs之axios获取Http响应头

摘要：今天在开始接入后端就遇到了一个问题了在用获取时候获取到的只有的下面是服务器返回的响应头，我需要拿到的是使用拿到的只用两个默认的尝试了使用捕获响应头的方法结果打印出来的还是找了半天问题，后面的在一个论坛找到了解决方法原来在默认的请今天在开始接入后端Api 就遇到了一个问题了在用 axios 获取 respose headers 时候获取到的只有的 Object { cach...

Berwin 2019-08-20 15:55 评论0 收藏0
vue开发项目完全指南

摘要：有两种方法，一种是在开发环境中设置通过的，另一种是在服务器上修改的配置设置。这样我们以后使用访问接口就可以不加了，打包后访问也不用手动去除统一管理在项目开发过程中，会涉及到很多接口的处理，当项目足够大时，就需要统一管理接口。这篇文章总结了vue项目的所遇到的问题，包括跨域、用户认证、接口统一管理、路由配置、兼容性处理，性能优化等内容。项目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 评论0 收藏0
急速JavaScript全栈教程

摘要：使用访问后端服务使用的美化组件的方法整合全栈服务其中的指的是。所幸是在这个教程内，你不需要学习太多就可以把案例跑起来。另外一个组件负责显示全部项目，并接受删除事件，删除指定的项目。它们分别是组件和组件这两个组件的代码实现，分别在文件和内。自从一年前发布了Vuejs小书的电子书，也有些日子没有碰过它们了，现在因为项目的缘故，需要使用JavaScript全栈开发。所以，我得把这个全栈环境...

xingqiba 2019-06-26 17:46 评论0 收藏0
急速JavaScript全栈教程

摘要：使用访问后端服务使用的美化组件的方法整合全栈服务其中的指的是。所幸是在这个教程内，你不需要学习太多就可以把案例跑起来。另外一个组件负责显示全部项目，并接受删除事件，删除指定的项目。它们分别是组件和组件这两个组件的代码实现，分别在文件和内。自从一年前发布了Vuejs小书的电子书，也有些日子没有碰过它们了，现在因为项目的缘故，需要使用JavaScript全栈开发。所以，我得把这个全栈环境...

骞讳护 2019-08-26 12:18 评论0 收藏0
Vue.js学习

摘要：一基础学习模式下图不仅概括了模式，还描述了在中是如何和以及进行交互的。关于这一点我们将在后续反应系统中讨论。父组件通过向下传递数据给子组件，子组件通过给父组件发送消息。这个对象必须是普通对象原生对象，及原型属性会被忽略。 Vue.js 是用于构建交互式的 Web 界面的库。Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。其实和Jquery一样...

TIGERB 2019-08-21 14:15 评论0 收藏0