Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight respo

简介: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight respo

在axios请求中出现:


image.png

问题描述:

如下图展示,在 请求接口的时候,第一个接口返回200,但是第二个接口却返回0。


image.png

上图是请求日本的域名,然而请求国内的域名是没有问题的。


下面对比一下日本预检请求截图


代码里设置了header 的请求截图 (会报CORS错误)


image.png

image.png

设置header信息的代码注释掉重新请求

image.png

对比之后不难发现,多了一个Authorization


然后看一下nginx里请求头部的配置

image.png

发现是没有允许Authorization的。


由于接口需要在头部header传递Authorization字段:

vue代码:

image.png

执行发送的时候出现以上错误:

image.png

意思是预发请求的时候不通过,不再正式发请求


经过反复的测试,发现,header里面包含自定义字段,浏览器是会先发一次options请求,如果请求通过,则继续发送正式的post请求,而如果不通过则返回以上错误


那这样就只能在服务端配置options的请求返回,代码如下:

 加上  “Authorization”
 response.setHeader("Access-Control-Allow-Headers", "Authorization");

上面代码需要加入允许的头部Authorization,并且判断请求的方法是options的时候,返回ok(200)给客户端,这样才能继续发正式的post请求。


修改之后成功发了post请求。


问题已经解决, 普及预检知识:

预检  

image.png

相关文章
|
Oracle 关系型数据库 数据库
0丢失之谜:解决Oracle中0开头小数被截断的问题
0丢失之谜:解决Oracle中0开头小数被截断的问题
1989 0
url参数值中有+、空格、%20、%2b
url参数值中有+、空格、%20、%2b
1713 0
|
缓存 JSON 安全
Http自定义Header导致的跨域问题
在Web开发中,正确处理跨域问题是确保应用安全和性能的重要环节。通过在服务器端设置适当的CORS头信息,处理预检请求,并遵循最佳实践,可以有效解决自定义Header导致的跨域问题,提高应用的安全性和用户体验。理解并掌握这些技巧,对于构建高效、可靠的Web应用至关重要。
1221 11
|
机器学习/深度学习 算法
贝叶斯线性回归:概率与预测建模的融合
本文探讨了贝叶斯方法在线性回归中的应用,从不确定性角度出发,介绍了如何通过概率来表达变量间关系的不确定性。文章首先回顾了古希腊天文学家使用本轮系统模拟行星运动的历史,并将其与傅里叶级数分解方法类比,强调了近似的重要性。接着,通过高斯分布和贝叶斯推断,详细讲解了线性回归中的不确定性处理方法。文章使用Howell1数据集,展示了如何构建和拟合高斯模型,并通过先验预测模拟验证模型合理性。最后,介绍了多项式回归和样条方法,展示了如何逐步增加模型复杂性以捕捉更细微的数据模式。贝叶斯方法不仅提供了点估计,还提供了完整的后验分布,使得模型更具解释性和鲁棒性。
709 1
贝叶斯线性回归:概率与预测建模的融合
在Linux中,如何查看系统上运行的进程?
在Linux中,如何查看系统上运行的进程?
|
关系型数据库 MySQL 数据处理
Mysql关于同时使用Group by和Order by问题
总的来说,`GROUP BY`和 `ORDER BY`的合理使用和优化,可以在满足数据处理需求的同时,保证查询的性能。在实际应用中,应根据数据的特性和查询需求,合理设计索引和查询结构,以实现高效的数据处理。
1847 1
|
JSON 数据格式
axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in……
axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in……
|
负载均衡 Java 网络安全
gateway基本配置
gateway基本配置
3762 4
|
网络协议 应用服务中间件 Linux
centos7 Nginx Log日志统计分析 常用命令
centos7 Nginx Log日志统计分析 常用命令
801 2

热门文章

最新文章