405 Method Not Allowed,CORS跨域,来也自动化OCR接口报错,Nginx处理OPTIONS请求
创始人
2024-05-25 10:41:48
0

在使用来也的OCR接口时,请求报错了,提示CORS跨域。

POST请求,请求url:http://mage.uibot.com.cn/v1/mage/ocr/bills,官方文档:

请求与响应:

预检请求OPTIONS

正式请求

错误信息

看控制台和网络栏位内容,是在访问接口的时候,提示CORS跨域了。

预见请求OPTIONS的提示是405 Method Not Allowed

这种有预检请求和正式请求的情况下,要优先查看预检请求返回的信息,比如这里的重点就是预检请求报错了,405 Method Not Allowed,从链接里也可以查看该错误的原因是方法不被允许,即服务端(这里是来也服务端)不支持预检请求使用的OPTIONS。

看官方文档,是支持POST请求的,没说支不支持OPTIONS请求,可是POST请求,在有自定义HEADER头等情况下,浏览器会默认发送OPTIONS请求,从而导致了服务端响应失败、浏览器无法正确接收数据。

因此,只需要解决自动发送的OPTIONS请求报错不被来也服务端允许就行了。

解决方向:

  1. 让服务端支持OPTIONS请求

来也服务端是购买的服务,不能修改,因此没办法使用这种方式解决。

  1. 让浏览器不发送OPTIONS请求

参考文档,跨源资源共享(CORS),OPTIONS,不是简单请求就需要发送OPTIONS遇见请求,而当前场景并不符合

  1. 在Nginx处理OPTIONS请求

可以在Nginx那边拦截发给来也服务端的OPTIONS请求,返回200成功和允许跨域配置,参考以下配置:

Nginx配置:

 # 来也server {listen       15080;server_name  localhost;location /  {add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Credentials 'true';add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers *;# 如果是预检请求,那么加上允许CORS等请求头后,返回200成功if ($request_method = OPTIONS ) {return 200;}proxy_pass http://mage.uibot.com.cn;}}

更改了Nginx配置并刷新配置之后,重新请求,成功了!

成功返回了结果

预检请求响应头:

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...