bug---blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header

最新推荐文章于 2025-06-12 12:15:57 发布

危笑qwq

最新推荐文章于 2025-06-12 12:15:57 发布

阅读量235

点赞数

CC 4.0 BY-SA版权

分类专栏：日常小bug

本文链接：https://blog.youkuaiyun.com/qw160/article/details/118036736

日常小bug 专栏收录该内容

51 篇文章

订阅专栏

博客主要讲述了一个bug，报错信息为‘blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource’，原因是html在a端口，网页请求的后台在b端口运行，浏览器阻止跨端口访问，还给出了在c盘新建文件夹并修改浏览器快捷方式目标的解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bug

报错：

blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource

原因：

html在a端口，网页请求的后台在b端口运行，浏览器阻止跨端口访问

解决：

在c盘新建一个文件夹，例如
在这里插入图片描述

1.右键浏览器的快捷方式–点击属性
2.修改目标
在这里插入图片描述

在原来的目标加上，注意横杠都是英文的

 --disable-web-security -disable-web-security --user-data-dir=C:\MyChromeDevUserData

添加后为

"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security -disable-web-security --user-data-dir=C:\MyChromeDevUserData

注意exe" –
有个空格

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

危笑qwq

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法

码农研究僧的博客

06-03

1万+

Access to XMLHttpRequest at 'http://127.0.0.1:5000/api/data' from origin 'http://10.197.0.79:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

【Vue-Spring跨域Bug已解决】has been blocked by CORS policy: The value of the······

一键难忘的博客

04-12

2561

这个报错提示是因为在跨域请求中，请求头中设置了 withCredentials 参数为 true，表示跨域请求需要使用凭证（如 cookies、HTTP 认证等）。而在响应头中，Access-Control-Allow-Origin 的值不能是通配符 *，必须是具体的域名。另外，如果你在发送跨域请求时需要携带 cookies 或其他凭证，还需要在请求头中设置 withCredentials 参数为 true。如果需要全局配置跨域支持，应该使用上一条回答中提到的方式，在配置类中设置。

参与评论您还未登录，请先登录后发表或查看评论

解决跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present

不完美的红烧肉的博客

10-21

38万+

说一下做项目时需要用到html2canvas做项目截图踩到的跨域坑。项目需要拉取用户的头像，而linkedin和微信的头像存放于cdn中，这边涉及到的跨域问题。坑1：由于跨域，画布被污染，不能调用 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。按网上说的做，配置 useCORS: true, ...

使用Nginx 如何解决Access-Control-Allow-Origin问题

最新发布

工作中学习，学习中进步

06-12

524

摘要： CSS引用字体文件因跨域问题被拦截时，可通过Nginx配置解决。在对应路由的location块中添加Access-Control-Allow-Origin *等响应头，允许跨域请求。若拦截路径非根路由（如/api），需在特定location中配置。示例代码展示了完整CORS头设置，包括允许的请求方法和标头。此方法适用于前端资源跨域加载失败场景。（字数：98）

前后端交互的跨域问题has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the

振华OPPO的博客世界

12-02

8219

跨域（Cross-Origin）指的是在Web应用程序中，一个域的文档或脚本试图请求另一个域的资源，而这两个域的协议、主机或端口不同。这样客户端发送post请求时，原先可能是http://localhost:8081/pod/create，那么现在就是http://localhost:8081/api/pod/create，因为代理服务器会自动去掉/api。检查后端服务器是否配置了正确的CORS策略，允许来自您前端域的请求。可以在浏览器的开发者工具中的“网络”选项卡里查看请求的详细信息，特别是响应头中的。

blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

iot_qizu的博客

03-27

4187

出现这个问题，则需要把浏览器设置为可跨域下面我就介绍谷歌浏览器新老版本各自的设置方法：版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加–disable-web-security就可以了。具体做法为： 1.下载并安装好chorme浏览器后在桌面找到浏览器快捷图标并点击鼠标右键的属性一栏。 2.在属性页面中的目标输入框里加上 --disable-web...

Access to XMLHttpRequest at 'http://192.168.50.85:8080/_web/_apps/infosystem/app/getDictList?dicId=23&pageNum=1&pageSize=20&condition[usageScene]=238,3&condition[classification]=0,3&condition[orderBy]=1&condition[productName]=测试' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

07-13

这错误是由于浏览器的同源策略（Same-Origin Policy）引起的。...response.setHeader("Access-Control-Allow-Origin", "*"); ``` 请注意，允许任意域名访问可能存在安全风险，请根据实际需求设置合适的值。

THINKPHP 跨域报错解决方案

毅先生的博客

11-06

1047

N久N久没写代码。今天和VUE配合调用接口的时候发现跨域报错。中间件，入口文件、路由都折腾了好几遍。有以下几个错误来回变。错误1： Access to XMLHttpRequest at 'http://39.xx.xxxx.145/columns?_t=1604652551912' from origin 'http://192.168.199.243:8080' has been blocked by CORS policy: Response to preflight request d

blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

redfore的博客

04-13

4273

这是跨域问题。 CORS头缺少“Access-Control-Allow-Origin”表示服务端拒绝跨域访问。要在服务端添加响应头： response.setHeader(“Access-Control-Allow-Origin”, “*”); 第二个参数是 * 表示允许任何域名跨域访问第二个参数是特定域名则只有它可以访问 response.setHeader(“Access-Control-Allow-Origin”, “http:localhost:8080/”); 否则出错： ...

Vue中axios请求提示has been blocked by CORS policy:....No ‘Access-Control-Allow-Origin‘ header 跨域问题

wisxiaobai的博客

04-12

4152

1.在vue.config.js下添加 devServer: { proxy: { '/api': { target: 'xxxxxx', // 请求接口地址 changeOrigin: true, pathRewrite: { '^/api': '' } }, } } 2.修改 axios.defaults.baseURL = '/api' ...

前后端分离跨域问题：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ heade

wyx_160724的博客

08-26

3305

Access to XMLHttpRequest at 'http://localhost:82/user/findUserById?id=3' from origin 'http://127.0.0 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 当在进行前后端分离的时候，前端页面请求后台数据的数据，在浏览器出不来数据，且报以下错误

H5访问跨域问题，提示信息：has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present...

大后生大大大的博客

12-13

2416

1.出现问题场景： 1.1 H5端的同事请求我一个获取验证码的接口，前提是H5端的同事在http的请求头中需要携带一个Token。后端是是SpringCloud写得，BaseController里面同意进行了跨域处理： @CrossOrigin //统一处理跨域请求问题 @RestController public class BaseController { // 业务代码 } ...

跨域请求被拦截问题——has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on...

weixin_43660476的博客

03-20

3万+

在开发前后端分离的项目时，必须解决的一个问题就是跨域请求问题。 1 什么是跨域请求跨域请求就是指：当前发起请求的域与该请求指向的资源所在的域不同时的请求。即“协议 + 域名 + 端口号” 有不相同，那么就是跨域。例如，如下在开发中遇到的跨域请求被拦截问题。前端的端口是8080，而后端的端口是8000，前端请求后端的时后端会检查request的origin，发现是8080，跟自己的8000不一致，就会有跨域拦截。跨域请求问题可以在前端解决，也可以在后端解决。 1）前端的解决方法——使用正向代理，隐藏

解决前端跨域：has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header...