Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题

出现问题：在本地运行，有配置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-Origin_捕获了一个异常的小机灵鬼的博客-CSDN博客

最后解决问题是让后端同事设置了header(按照上述文章设置了header)

吐槽：后端同事一直跟我说后端已经处理好跨域问题了，现在我将打包好的文件放到服务器出现跨域，那就是我前端的问题。这个问题困扰了我一周时间，最后赶着时间上线，我前端这边已经尝试了无数种方法，无数种配置nginx还有其他配置都没能有效解决问题，厚着脸皮(为了能及时上线)，叫后端同事设置一下header，果然问题就解决了。。。解决完后，后端同事又跟我说之前我都是原有的配置都是正常不会出现跨域的，这次出现跨域肯定是你nginx没有配好，然后他再添加了header，所以就解决了这次问题。（最开始跟我说后端解决好跨域了，接着出现跨域问题，叫我自己解决，再接着我将上面的那个文章发给后端看，后端按照文章内容添加了header才解决问题，最后又说是我nginx没配置好，配置好了，他就不用加header了...）

我想说，跨域问题最好是前后端同事一起协商解决，不单是前端，也不单是后端的问题，如果刚开始出现了这种问题，前后端能够一起寻找问题并解决，就不会出现因一个跨域问题搞了一周时间的事故了。

无力吐槽了，记录生活、工作、学习中所遇到的问题。

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题相关推荐

关于跨域 Response to preflight request doesn‘t pass access control check
做项目的时候由于访问了不同的服务器,然后导致了跨域问题,报错情况为: has been blocked by CORS policy: Response to preflight request do ...
Response to preflight request doesn‘t pass access control check: The value of the ‘Access-Control-Al
错误:Response to preflight request doesn't pass access control check: The value of the 'Access-Control ...
GO + React + Axios Response to preflight request doesn't pass access control check: It does not hav
使用Go + Reat 使用 Axios 请求后端, 出现: Access to XMLHttpRequest at 'http://127.0.0.1:20002/v1/user/login' fr ...
浏览器预检请求返回400 has been blocked by CORS policy: Response to preflight request doesn’t pass access cont
这个问题也是很过分头一次遇到,原因是谷歌浏览器在有跨域(CORS)请求时,会先发送一个preflight(预检)请求,之后才会发送fetch请求. CORS:跨源资源共享 (CORS)(或通俗地译为跨 ...
关于Springboot中跨域问题的解决(Response to preflight request doesn‘t pass access control check)
Springboot中跨域问题的解决等不及的小伙伴,直接跳到结论部分即可,谢谢!!! 1. 背景 1.1 使用技术栈 Spring Security Springboot Vue.axios Jwt ...
has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check
has been blocked by CORS policy: Response to preflight request doesn't pass access control check 这个错 ...
跨域 Response to preflight request doesn‘t pass access control check: It does not have HTTP ok status.
在登录的时候没有跨域问题, token 认证的时候就跨域了(请求拦截器中配置的请求头携带 token),有点玄学了. 后端没有报错,不过显示请求方法为 OPTION 预检请求.前端报错如下,解决也很简 ...
vue跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Ori
每天一个报错,个各不相同. 看见下面的这行报错是不是感觉跟熟悉? 没错,vue的跨域问题,记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request do ...
跨域Response to preflight request doesn‘t pass access control check: It does not have HTTP ok status.
最近后端添加自定义请求头拦截器后,前端也增加请求头后,解决过程中先后出现两种跨域错误. 一.请求后台出现如下跨域问题: has been blocked by CORS policy: Respons ...

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题相关推荐

最新文章

热门文章