解决跨域Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin

最新推荐文章于 2024-09-04 10:30:49 发布
最新推荐文章于 2024-09-04 10:30:49 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： 跨域 文章标签： java nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45657973/article/details/105899768
版权

在这里插入图片描述

我前端使用的是Nuxt,后端是SpringBoot,还是用了Nginx反向代理服务器，经常出现跨域问题，但是后端Controller上有@CrossOrigin注解，所以后端没问题，前端接口也没有问题，那么问题就是出在Nginx上面，经过两天改Bug发现用一行代码可以解决
这是Nginx报的错

nginx: [error] CreateFile() "F:\nginx-1.16.1/logs/nginx.pid" failed (2: The

解决办法，跟启动Nginx一样，在cmd界面输入

nginx -c conf/nginx.conf

会创建/logs/nginx.pid文件
在这里插入图片描述
然后重启Nginx问题解决

sunshineshuai
关注
专栏目录
vue跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Ori
忘川的博客
12-23 1万+
每天一个报错，个各不相同。 看见下面的这行报错是不是感觉跟熟悉？ 没错，vue的跨域问题，记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 那就直接上代码？ module.exports = { devServer: {
ajax 报错 Response to preflight request doesn‘t pass access control check: No *** header
缚己
01-26 909
问题截图 之前的项目中，就遇到了跨域的问题，所以这次一开始后端就设置了允许跨域，但是仍然抛出这样的异常，百度半天，发现是 axios 的问题，我的代码： const result = await axios.post('http://localhost:3000/login', this.login_form) login_from 是一个对象 大部分问题的解决都是使用了 qs，根据网上的说法 axios 只能以字符串的形式发送，而axios在发送数据时需要字符串的方式进行发送，也就是说是放在 fo
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题
qq_51758070的博客
07-11 3万+
出现问题：在本地运行，有配置vue.config.js中的proxy，所以解决了跨域问题。但将项目打包放到服务器上去，在打包的过程中，proxy是不会被打包进去的，也就是说代理所配置的跨域就已经失效了。问题直接上图：解决问题首先，需要在服务器下载nginx并配置nginx.conf文件(位置在nginx中的conf文件夹)，以及将打包好的dist文件夹放在nginx中的html文件夹内。下图是我的nginx.conf文件的配置 到这里，依旧是还没解决最前面所说的跨域问题，还剩下最后一步参考了下面这个博主的方
跨域报错：Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origi
仰望星空
12-21 2万+
在编写一个简单POST跨域请求时碰到了这个问题，我看了下网上的答案，感觉我好像也都做到了，但是就是不行，我将核心问题进行了抽象，抽象为下面的代码： 前端是这样的： $.ajax({ type: "post", url: "http://localhost:8081/test/testUploadPhoto", dataType: "json", data:{ canvasPhotoBase64Data:"dataUrl", }, beforeSend:
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ 处理
weixin_39802680的博客
03-12 3558
出现这类问题一般有三个地方需要查看 1 后端有没有进行跨域处理 处理了 2 访问的路径有没有写对 若文件路径正确，进入步骤三 3此时说明有可能服务器端有问题， 查看控制台。 有时候显示get请求不被允许， 使用post请求 @PostMapping(“getOrderByNum/{orderNo}”) 4 若使用了nginx来使用请求重定向，对nginx 配置进行查看。 ...
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'
johnhuster的专栏
12-14 10万+
在使用ajax向tomcat部署的rest服务（使用nginx作为反向代理服务器）请求数据时返回了Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource这个异常，错误码是5...
Response to preflight request doesn t pass access control check: No Access-Control-Allow-Origin
01-03
浏览器会进行跨域检查，如果服务器没有正确配置跨域访问的响应头，就会出现"Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the ...
Token跨域问题Response to preflight request doesn‘t pass access control check
qq_45925974的博客
01-21 1377
记录一次使用token遇到的跨域问题 一、问题介绍 前端vue使用axios发送请求，给每个请求的请求头添加token，后端使用Javaweb的filter处理跨域问题 1. 一开始是这样处理跨域的，登录的时候挺正常的，token获取到了 CORSFilter.java public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOExcep.
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin
07-29
浏览器会在发送跨域请求之前发送一个预检请求（preflight request），以验证服务器是否允许该请求。如果服务器未正确配置响应头部，就会导致这个错误。 要解决这个问题，你需要在服务器端设置正确的响应头部。在...
跨域问题Response to preflight request doesn‘t pass access control check No ‘Access-Control-Allow-Origin
weixin_44867717的博客
07-05 1万+
跨域问题Response to preflight request doesn’t pass access control check: No 'Access-Control-Allow-Origin 现象 释义 这个问题，属于跨域没有跨过去。 问题原因1：后端没有设置header 解决办法：后端action（controller）里添加如下代码即可 response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader(
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ he
最新发布
weixin_73060959的博客
09-04 825
当你的拦截器拦截到这种OPTIONS请求时，如果没有正确地处理（例如，返回正确的CORS头部信息），那么浏览器就会认为服务器是不可连接到的所以阻止实际的请求发送，所以我们需要确保拦截器在处理OPTIONS请求时，返回正确的CORS头部信息。预检请求是一种由浏览器自动发送的、使用OPTIONS方法的HTTP请求，它用于检查实际请求是否可以被服务器接受。使用axios请求，并在请求头添加token，发送请求，后端能成功接收请求，但请求头没有token，导致过滤器拿不到token进行校验。
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' he
小道仙的后宫
09-29 6万+
所有文章优先发布在个人博客上面，后面修改可能忘记同步到CSDN。 给你带来麻烦抱歉。 本篇文章个人博客位置 : https://www.xdx97.com/article?bamId=654731133719674880 全部异常如下： 说明：这个异常是由于跨域而引起的 （你没有解决跨域的问题） 如果你是 php 可以去网上找一个 php 后台解决 跨域问题。 我的后台是 ...
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' he...
weixin_30951743的博客
08-02 3048
，，webservice服务中，webConfig中添加以上配置，缺一不可 转载于:https://www.cnblogs.com/bzsz-quan/p/axios.html
跨域：Response to preflight request doesn t pass access control check: No Access-Control-Allow-Origin
诚的博客
06-15 1091
第一、找到config/index.js 设置proxyTable，实际上就是设置代理路径（PS:设置config文件之后，需要重新npm run dev） dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api'...
VUEResponse to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘
fighting32的博客
07-06 6106
Failed to load http://localhost:9001/eduservice/course/addCourseInfo: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http.
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘
qq_39771919的博客
01-19 1270
Access to XMLHttpRequest at ‘http://zqq.com:8080/portal/login/loginAction!testOtherSysRequest.action’ (redirected from ‘http://127.0.0.1:8080/portal/login/loginAction!redirectOtherSys.action’) from origin ‘http://127.0.0.1:8080’ has been blocked by CORS po
跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin
热门推荐
winnieFighting
02-28 15万+
我遇到了很多次这个问题，不过都是属于跨域没有跨过去。可能是来自于前端 ，也可能是来自于后端，详情请看下文。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值