vue2.0报错request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题！

最新推荐文章于 2024-08-09 19:55:33 发布
最新推荐文章于 2024-08-09 19:55:33 发布
阅读量4.7k 收藏 1
点赞数 1
分类专栏： vue使用知识 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35620498/article/details/108099500
版权

问题：前后端分离联合开发的时候，难免遇到跨域问题，不过也不要害怕，这是因为浏览器的同源策略，从一个域上加载的脚本不允许访问另外一个域的文档属性，So，我们只需要耐下心来处理就OK了！

1、让后端小伙伴帮忙解决，好了，万事大吉！！So easy!

2、前端自己解决：

  • 找到config/index.js

     

  • 在你调接口的地方

    在你调接口的时候加上api/+'接口地址'就可以了，如果你封装了你的axios的话，直接配置在你的统一接口地址的baseURL就可以，这样打包上线你也不用在文件里面改了，可以自己实现一下，问题都不难，要耐下心来！

 

小love容儿0216
关注
专栏目录
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: {
跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin
热门推荐
winnieFighting
02-28 15万+
我遇到了很多次这个问题，不过都是属于跨域没有跨过去。可能是来自于前端 ，也可能是来自于后端，详情请看下文。
又记录一次网关问题的排查过程 - 外网进内网 No ‘Access-Control-Allow-Origin‘ header is present on the requested recourse
最新发布
huiaixing的博客
08-09 684
No ‘Access-Control-Allow-Origin‘ header is present on the requested recourse； 外网进内网的一般步骤
request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ header is present on the
weixin_50158551的博客
08-29 1144
接口出现跨域问题
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‘ 处理
weixin_39802680的博客
03-12 3557
出现这类问题一般有三个地方需要查看 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-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
01-03
浏览器会进行跨域检查，如果服务器没有正确配置跨域访问的响应头，就会出现"Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the ...
vue3发送axios请求has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
06-02
在Vue3发送跨域请求时，服务端需要设置响应头中的 `Access-Control-Allow-Origin` 字段，来允许跨域请求。如果服务端没有设置这个响应头，浏览器会阻止请求。 解决这个问题的方法有以下几种： 1. 在服务端设置相应...
完美解决axios跨域请求出错的问题
01-19
Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:9000’ is therefore not ...
Token跨域问题Response to preflight request doesn‘t pass access control check
qq_45925974的博客
01-21 1374
记录一次使用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‘ he
weixin_42692989的博客
01-12 1222
括号中的url可以换成“”*“”，如果这个controller里有多个方法，注解可以直接写在类的最上边。如果你用的也是spring框架，并且版本在4.2以上，可以用@CrossOrigin这个注解，
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
花开富贵的博客
02-22 6万+
文章目录1.bug详情：2.解决方案【前后端解决方案】：2.1.前端方案：2.1.1. 设置Access-Control-Allow-Origin2.1.2. 设置proxyTable2.2.后端方案：2.2.1. 在controller对应的方法里添加“Access-Control-Allow-Origin”标头”2.2.2. @CrossOrigin注解解决跨域3.结语： 1.bug详情： v...
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‘
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值