axios跨域请求相应的header中没有Authorization问题的解决

已于 2023-02-04 14:09:42 修改
阅读量2.8k 收藏 3
点赞数
分类专栏： 后端开发 文章标签： 前端 javascript 开发语言
于 2023-02-04 14:07:39 首次发布
原文链接：https://www.panziye.com/java/1893.html
版权

学习前端开发时，需要获取请求header中的Authorization字段
在这里插入图片描述
但运行之后，打开浏览器console发现打印的header中根本没有authorization字段
在这里插入图片描述
不是很多，后面查了网上大佬说是后端的一句代码有问题，具体为
在这里插入图片描述
在response.setHeader()前面加上response.addHeader(“Access-Control-Expose-Headers”,“Authorization”)即可
加上重新运行，困扰我一个小时的问题解决了
原文链接

summer bird
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue使用axios跨域请求数据问题详解
08-29
主要为大家详细介绍了vue使用axios跨域请求数据的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
php获取不到名为Authorization的header头
07-02
解决php获取不到客户端发来的Authorization的header头信息
axios发送请求无法获取express服务返回的Authorization响应头
qq_41720760的博客
08-27 1409
之后使用了apipost工具去发送请求发现Authorization确实已经设置成功了，而且回到浏览器的network响应头里边也发现了 Authorization 字段。express代码是这样子的，已经设置了res.header("Authorization",token)后面经过百度发现应该是跨域的问题浏览器无法显示所有的响应头，二只有默认的两个。此时发现浏览器控制台已经出现 Authorization 字段，成功！发现浏览器控制台怎么也不打印不出Authorization字段。...
vue3/ts/axios config.headers 不存在属性“Authorization” 类型“AxiosHeaders”上不存在属性“Authorization”。ts(2339)
weixin_43845028的博客
01-05 2181
调用config.headers的set方法新增Authorization属性 （ axios版本：axios1.2.2）在config.headers中没有属性“Authorization”将axios版本降级，降到1.1.3。关闭该文件，再打开文件错误消失。vue3 + ts axios版本1.2.2。
php 获取不到header中的Authorization
var_dump_babala的博客
11-08 2287
我要通过JWT 验证登录信息 代码首先会查找post过来的参数有没有token 没有 则会去header头部中获取 但如果是apache环境下 默认是不能获取Authorization信息的 需要配置 在apache/config/httpd.conf文件中加入以下配置 <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{RE...
设置请求头里添加Authorization时出现 类型“AxiosHeaders | Partial“上不存在属性“Authorization“ 的错误提示解决办法
weixin_69810757的博客
01-06 1915
使用axios发送网络请求时在请求拦截器中设置请求头里添加Authorization携带token , 出现了 类型"AxiosHeaders | Partial"上不存在属性"Authorization" 的错误提示解决方法
完美解决axios跨域请求出错的问题
08-28
axios提供了withCredentials选项，可以在请求中携带 cookies和Authorization头信息，以便解决跨域请求问题。例如： ```javascript axios.create({ withCredentials: true }); ``` ### 2. 使用proxy服务器 可以使用...
VUE axios发送跨域请求需要注意的问题
08-30
本文主要介绍了 Vue Axios 发送跨域请求需要注意的问题，并提供了解决方案。 跨域请求的概念 跨域请求是指从一个域名的网页向另一个域名的服务器发送请求，以获取数据或资源。这类请求在浏览器中通常会被阻止，...
Vue使用axios出现options请求方法
10-16
在这个例子中，如果请求头部包含Authorization等敏感信息，浏览器也会先发送OPTIONS请求询问服务器。 5. **Access-Control-Allow-Origin**：此响应头用于指定哪些源（域名或IP）可以访问资源。设置为"*" 表示允许...
Vue axios与Go Frame后端框架的Options请求跨域问题详解
11-21
并且在Header中设置了 Authorization 字段用于传递 Token， 参数未经 Qs 转码， 使用以下代码测试登录接口： // 为方便操作，已将 axios 实例挂载到 this.$axios 上 this.$axios.post('/signin', {account: '', ...
Vue-resource实现ajax请求和跨域请求示例
08-31
3. JSONP请求，用于解决同源策略限制下的跨域问题： ```javascript new Vue({ ready() { this.$http.jsonp('http://example.com/data', { name: 'John Doe' }).then((response) => { // 处理成功响应 }, ...
Django项目，RESTful接口验证失败，请求头中的Authorization信息丢失的处理方法
南来北往技术小栈
08-22 2344
Apache部署Django项目时，请求头中的Authorization信息丢失 问题原因 由于用户认证一直失败，通过输出请求头信息（request.META），发现请求到达Django的时候，Headers里面已经不包含Authorization参数了。那么一定是在传输中被丢弃了，于是查了一下，发现是Apache的原因。 请求到达Apache的时候，请求头里面的Authorization直接被...
vue发起axios请求中设置Authorization请求头
最新发布
weixin_52033993的博客
10-01 2233
本次问题起源于在为vue前端设置发起post请求，因为jwt身份认证机制需要携带jwttoken在响应头中,但在两次测试中前端的请求均被后端expressJwt组件过滤。可以看到并不存在我们设置的token,此时我们使用postmen对端口进行测试。因此我们可以分析出原因==》我们使用的设置的请求头并不在发起的post请求头中。此时我们再查看服务器打印的信息，可以清楚的看到我们发起的token。此时后端打印的响应头为。
接口文档的Authorization如何删除
HRX98的博客
12-08 1537
接口文档的Authorization如何删除
如何在跨域请求中允许带入原网站的cookie(401：not authorizated)
刹那的博客
02-09 3452
博主在项目开发中，遇到一个问题，在当前网页，发送一个跨域请求，可是浏览器给我报401：not authorizated。一开始以为是我写的http请求没有带入一些身份验证信息，后来仔细研究了下，此跨域请求没有带包含认证信息的cookie,可是我看了项目中别的http请求压根没有单独去设置这种cookie。 我又看了下Chrome—》 DevTools—》application—》Cookies，发
java spring feign 不带Authorization并且feigin拦截器中请求头不设置Authorization，如何访问其他需要Authorization的服务...
weixin_42613017的博客
02-08 337
可以在Feign拦截器中设置一个全局的Authorization，比如在拦截器中设置一个RequestInterceptor，然后在RequestInterceptor中添加Authorization，这样就可以访问需要Authorization的服务了。 ...
thinkphp5接口开发中，authorization是关键词？header取不到。
10年老码农
10-12 928
thinkphp5接口开发中，authorization是关键词？header取不到。如下图： 解决方案（参考tp）： 对于Apache，如果 header 中取不到 Authorization，在 .htaccess 中加上一行： SetEnvIf Authorization .+ HTTP_AUTHORIZATION=$0 对于 nginx 需要在 server 的配置之下加上一行“： add_header Access-Control-Allow-Headers "Author..
前后端分离项目，请求头中包含Authorizaton：XX，但是后端getHeader（Authorizaton） 获取不到
qq_34370249的博客
04-12 824
前端请求头 后台校验 结果是 request = null； 原因是因为，在发起跨域请求时，会发送事先发送一个OPTIONS请求，可以在浏览器的NETWORK中看到发起了两个名字一样的请求。 第一个请求，可以看到，是携带token的，并且是一个post请求，和我们写的post方法是一致的。 第二个请求，则是一个option请求，并且请求头中，不携带token，所以，在发起该请求时，就会出现，拦截该请求。 OPTIONS请求，是一个嗅探请求，主要 用于获取服务器支持的请求方法，用来检查服务器的性能。
axios获取响应头
dbp47524的博客
12-21 4172
【转载】 来源：https://segmentfault.com/a/1190000009125333 在用 axios 获取 respose headers 时候获取到的只有的 Object { cache-control:"private, must-revalidate", content-type:"application/json" } 下面是服务...
解决 axios 跨域 Request Method: OPTIONS问题(预检请求)
05-31
跨域请求时，浏览器会自动发送一个 OPTIONS 请求，用于询问服务器是否允许跨域请求。如果服务器允许跨域请求，就会返回一个带有 CORS 标识的响应头。否则，浏览器就会阻止跨域请求。 如果你使用 axios 发送跨域请求时遇到了 Request Method: OPTIONS 问题，可以尝试在服务器端添加 CORS 支持： 1. 在服务器端设置 Access-Control-Allow-Origin 头，允许跨域请求的来源： ``` response.setHeader('Access-Control-Allow-Origin', '*'); ``` 2. 设置 Access-Control-Allow-Methods 头，允许跨域请求的方法： ``` response.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS'); ``` 3. 设置 Access-Control-Allow-Headers 头，允许跨域请求的请求头： ``` response.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization'); ``` 如果你使用的是 Express 框架，可以使用 cors 中间件来实现 CORS 支持： ``` const cors = require('cors'); app.use(cors()); ``` 以上是解决 axios 跨域 Request Method: OPTIONS 问题的方法。希望能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值