Ajax跨域时出现Access to XMLHttpRequest at * from origin * has been been blocked by CORS policy

最新推荐文章于 2025-08-29 00:54:21 发布

原创

最新推荐文章于 2025-08-29 00:54:21 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #http #post #jquery

博客详细描述了一种Ajax请求在跨域时遇到的CORS政策阻止问题，并提供了解决方案，即在URL前添加协议和主机信息。

问题截图

在这里插入图片描述
发送 ajax 时出现如下错误：

Access to XMLHttpRequest at 'localhost:3000/' from origin 'http://localhost:3000' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, https, chrome-untrusted.

翻译：

CORS策略已阻止从源'http://localhost:3000'访问'localhost:3000/'处的XMLHttpRequest:跨源请求仅支持协议方案：http、data、chrome、chrome扩展、https。

骚年，我猜你一定把 ajax 写成了这样：

$.ajax({
   
   
    async: true

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

躺不平的菜狗

关注关注

5
点赞
踩
4

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Unity/WebGL打包/跨域问题/简单解决“......has been blocked by CORS policy: ......“

Solar_Zheng0817的博客

09-26

1984

回到BuildSettings点击Build，跳出该项目文件夹。在该项目文件夹中创建新文件夹（我创建的文件夹名字叫Test，名字无所谓，别中文就行。这个文件夹应与Assets同级），最后选择该新建文件夹，在新文件夹里面build。初次build大概需要5分钟，之后就很快了。在这个新文件夹里新建一个文本文档（.txt）。保存后，将该txt文件更名为.py后缀。利用cmd进入该文件夹，并且运行该python文件。build成功之后，新文件夹应该有这么几个东西。进入之后，以下为成功运行界面。

接口访问 403 或跨域问题？Spring Boot CORS 配置全解

热门推荐

一花一世界

09-19

6万+

Ajax请求报错，出现如下错误： Access to XMLHttpRequest at 'localhost:8888/register' from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol scheme...

create-react-app 脚手架解决本地跨域问题

小太阳ymy的博客

08-19

796

背景：用create-react-app 脚手架搭建了一个新项目。但是开发过程中遇到跨域问题。报错： Access to XMLHttpRequest at 'http://www.aaaa.com/' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in prefli

Ajax跨域请求时出现Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been been blocked by CORS policy

qq_56769991的博客

03-23

6340

1.在做前后端分离的项目时，会遇到跨域问题，如下图所示： 2.这里可以看到，出现了跨域问题，首先我们先看看跨域问题是怎么产生的：这是由于浏览器同源策略的限制。所谓同源是指：协议、域名、端口三者都要相同，即使两个不同的域名指向同一个IP地址，也是非同源。一句话总结：只要请求的资源URL的协议、域名、端口号三者任意一个与当前页面的不同就会出现跨域问题。同源策略是一种约定，用于保障浏览器最基本最核心的安全问题，若是缺少同源策略浏览器的正常功能可能都会受到影响。试想一下，如果没有同源（同协议、同域名、同端

from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for ...

Dawnchen1的博客

05-27

1万+

跨源资源请求问题解决方案问题描述：当我们在vsCode中使用 open in brower插件打开html文件文件时，就会报错 xxx已被CORS策略阻止，引入的资源还会失效。解决办法1 :Live Server插件在vsCode的插件市场中搜索并安装Live Server插件：安装好后，右键要打开的文件，就会出现“Open with Live Serve”选项，这样打开文件就不会报错了：解决办法2：anywhere 在vsCode控制台或者cmd中安装npm install anywhe

Access to XMLHttpRequest at ‘某网站‘ from origin ‘某网站‘ has been blocked by CORS policy: No ‘Access-Co

m0_59519985的博客

08-29

1082

Access to XMLHttpRequest at '某网站' from origin '某网站' has been blocked by CORS policy: No 'Access-Co 跨域问题

nginx解决跨域,Access to XMLHttpRequest at ‘xx‘ from origin ‘xx‘ has been blocked by CORS policy

大炮哥的博客

08-19

6110

那么请在"add_header Access-Control-Allow-Headers"中添加你请求头参数。你的请求头中含有，“token”,"xx_id"等，然后重启Nginx就OK啦~！

Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案

qq_36255346的博客

06-17

7510

Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ 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.

Access to XMLHttpRequest at ‘httpxxxx‘ from origin ‘httpxxxx‘ has been blocked by CORS policy

shuux666的博客

03-03

3287

解决CORS跨域问题今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Al

ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co

icebns的博客

08-27

9615

报错全文：Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou...

ajax出现Access to XMLHttpRequest at “ “from origin ‘null‘ has been blocked by CORS policy:

m0_52007955的博客

05-20

3247

一、在服务端加上响应头response.setHeader('Access-Control-Allow-Origin','*'); 简单允许跨源。二、请求的路径没有完整。完整的路径 HTTP://127.0.0.1/端口号/文件路径。三、请求方式在服务端没有相应的响应代码。比如post请求，服务端要有post响应。上面都没问题，相信你也解决了，觉得对你有用，帅哥美女点个赞吧！ ...

【jQuery+AJAX】Access to XMLHttpRequest at xxx from origin xxx has been blocked by CORS policy.

HEX9CF的技术博客

12-03

767

根据具体情况，选择适合的解决方案来解决跨域问题。如果我们有权限修改服务器配置，建议使用第一种方法；如果无法修改服务器配置，可以考虑使用代理服务器或JSONP；如果以上方法都不可行，可以考虑使用CORS插件来禁用浏览器的跨域限制。

解决“Access to XMLHttpRequest at ‘XXX’ from origin ‘http://localhost’ has been blocked by CORS policy”

我是二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~

08-23

1万+

解决“Access to XMLHttpRequest at ‘XXX’ from origin ‘http://localhost’ has been blocked by CORS policy”

Ajax本地跨域问题 Cross origin requests are only supported for HTTP

weixin_34055910的博客

04-02

1238

问题：打开本地html文件时，报错如下 Cross origin requests are only supported for protocol schemes: http, data,chrome-extension, https, chrome-extension-resource. 分析：浏览器为了安全性考虑，默认对跨域访问禁止。解决：给...

（vue解决跨域问题）blocked by CORS policy: Cross origin requests are only supported for protocol schemes

weixin_47687315的博客

03-08

2145

*假设服务器端发送数据的地址是：http://localhost:5000/students *假设发送请求端的地址是：http://localhost:8080 1.配置代理服务器：在根目录下创建vue.config.js，在vue.config.js中写入配置代理服务器的代码 module.exports = { //配置代理服务器 devServer: { proxy: 'http://localhost:5000' } } 配置代理服务器时，写入

前端项目启动报错：from origin ‘null‘ has beenblocked by CORS policy: Cross origin requests are only supported

2201_75568521的博客

08-25

5440

把本地图片地址转成http//https 网址再用项目就可以启动不会报错啦。

js from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for

PrimaryColor

07-22

1714

解决方法：在本地搭建一个server，通过url地址访问测试文件。链接： https://mp.csdn.net/mp_blog/creation/editor/114539434

access to XMLhttprequest at URL has been blocked by cors policy

04-20

### 解决通过 Ajax 请求发送 ID 到 Flask 后端时遇到的 CORS 策略问题当尝试通过 Ajax 将数据发送至 Flask 后端时，如果浏览器返回 CORS (Cross-Origin Resource Sharing) 错误，则表明客户端与服务器之间的域名、...

Ajax跨域时出现Access to XMLHttpRequest at *** from origin *** has been been blocked by CORS policy

问题截图

Ajax跨域时出现Access to XMLHttpRequest at * from origin * has been been blocked by CORS policy