Access to XMLHttpRequest at “ xxx” from origin ‘null‘ has been blocked by CORS policy解决方法

最新推荐文章于 2024-03-21 09:16:47 发布
最新推荐文章于 2024-03-21 09:16:47 发布
阅读量3.2w 收藏 2
点赞数 2
分类专栏： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/terry_r/article/details/96112151
版权

本人搭建好PHP后端框架并部署到服务器上后，前端访问后端接口发生了 Access to XMLHttpRequest at “ xxx” from origin 'null' has been blocked by CORS policy： Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.的错误，查找了网上若干方法，用下面这种方法解决问题：

 

修改服务器上的Apache配置文件/etc/httpd/conf/httpd.conf或/etc/apache2/apache.conf(不同linux服务器的apache配置文件位置)

在

<Directory "/var/www">
    AllowOverride All
    # Allow open access:
    Require all granted
   
</Directory>

中间加上Header set Access-Control-Allow-Origin *    #允许所有域名跨域访问

保存退出

 

 

 

建议将前后端源码部署到服务器上访问，保证安全性。

北冥有鱼666
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Apache中配置支持CORS（跨域资源共享）实例
01-10
当使用ajax跨域请求时，浏览器报错：XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯定是跨域的问题，如果用jsonp或者proxy的方式进行修改的话未免需要太大的工程量，所以采用CORS这种比较简单高效的技术。相比JOSP的方式，CORS更为高效。JSONP由于它的原理只能实现GET请求，而CORS支持所有类型的HTTP请求。使用CORS,可以使用普通的ajax实现跨域，这对于前端来说是极大的福音了,这个技术被现在大多数浏览器所普遍支持，因为跨域已经是普遍的要求，浏览器肯定会逐渐
跨域问题解决办法 (has been blocked by CORS policy:Response……) 原因及解决办法
轻风细雨_林木木
03-20 3万+
参考：https://www.cnblogs.com/wyw0905/p/14990707.html 前端报错 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. 什么是CORS CORS全称是跨域资源共.
控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy
最新发布
lph159的博客
03-21 1518
期初我是在写前端代码进行调试，其中用到了axios，打开控制台一直在报上面的错误，以为是跨域的问题，所以一直针对跨域问题进行调试，但是还是解决不了，后来发现我的前端代码有些小错误，axios的method后面是没有s的（我写成了methods），修正之后还是解决不了。在解决跨域问题的时候引入了一些其他依赖，我把依赖去除，问题解决了...绷不住了啊。依赖添加多了会出问题，我针对跨域去解决问题的时候，添加了如下依赖，导致控制台出错。axios的method不带s，所以一定要细心。这个问题，纠缠了我很久。
跨域资源共享 CORS 详解
11-23
它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 （图片说明：摄于阿联酋艾因（Al Ain）的绿洲公园） 一、简介 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。 因此，实现CORS通信的关键是服务器。只要服务器实现了CO
php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
12-18
解决方法: 使用服务器作为代理. 在PHP中, 使用我最喜欢的最强大的CURL,嘿嘿 下面是在万网查询域名的实例代码 复制代码 代码如下: <?php $dn = $_GET[‘dn’]; // 域名, 不包括www $ex = $_GET[‘ex’]; // 顶级域名, 如 .com, .cn, 包括最前面的. // 查询域名是否已经注册 $url = ‘http://pandavip.www.net.cn/check/check_ac1.cgi’; $ch = curl_init($url); curl_setopt($ch, CURLOPT_POST, true); // POST cu
from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for pro
thunder_f的专栏
06-09 318
用nodejs作服务器。
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
from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for pr
qq_51660806的博客
07-18 2777
解决办法： 右键----Open in Live Server (必须以服务器的形式打开)；在加载JS模块的时候，报错！
Access to XMLHttpRequest at ‘fileDxxxxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
begefefsef的博客
08-01 4057
出于安全性考虑，Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-OriginResourceSharing，跨域资源共享)的安全策略阻止。在该文件源码中，使用了proxy获取数据，数据源使用的是文件名为mydata.json的文件。在浏览器打开本地的html文件，上面proxy中的url获取的就是一个本地文件，协议是file//，如果是在服务器启动的话，则使用的是http或者https协议。...
前端跨域问题的解决方案Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy
热门推荐
weixin_40756509的博客
03-25 25万+
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下: Access to XMLHttpRequest at 'http://127.0.0.1/api/post' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 针对以上问题，本文提供两种解决方案，CORS中间件和JSO
Access to XMLHttpRequest at file from origin ‘null‘ has been blocked by CORS policy谷歌浏览器本地打开项目js文件报错
了迹奇有没
02-14 5272
CORS 策略已阻止从源“null”访问“文件路径”处的 XMLHttpRequest：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。
XMLHTTPRequest的属性和方法简介
12-09
而设计AJAX时使用的一个重要的技术（工具）就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的，如果您开过，那就再加深下印象...
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
10-21
主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
import/export实验-from origin ‘null‘ has been blocked by CORS policy:
xie__jin__cheng的博客
10-11 4880
1.问题 Access to script at 'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' 访问'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' from origin 'null' has been blocked by CORS policy: 从原点“null”已被CORS策略阻止: Cross origin requests are only supported for protoc.
Access to internal resource at ‘file..‘ from origin ‘null‘ has been blocked by Cross origin request
qq_41995398的博客
08-02 2837
报错完整信息是：Access to internal resource at 'file:///C:/manifest.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. 翻译过来就是：CORS
Access to XMLHttpRequest at from origin 'null' has been blocked by CORS policy:
eadela的博客
04-19 2758
Access to XMLHttpRequest at 'file:///F:/vue/vue20200414/%E5%BD%92%E6%A1%A3/%E5%BD%92%E6%A1%A3/04%20day_vue/axios2.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are on...
has been blocked by CORS policy问题解决方法
weixin_43947043的博客
04-11 6661
Ajax / html / js，has been blocked by CORS policy问题解决方法 问题描述 在练习js的过程中用到ajax，总是console出现报错：Access to XMLHttpRequest at ‘file:///Users/XXX/Downloads/nav/nav.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported f
origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present
mcfeng blog
09-16 6万+
aa
前端项目启动报错：from origin ‘null‘ has beenblocked by CORS policy: Cross origin requests are only supported
2201_75568521的博客
08-25 1599
把本地图片地址转成http//https 网址再用项目就可以启动不会报错啦。
xmlHttpRequest from origin has been blocked by CORS policy:
08-16
这个错误一般是由于浏览器的同源策略引起的跨域问题。同源策略是浏览器的一种安全机制，它要求网页的源（包括协议、域名和端口）必须和请求的资源的源一致。当一个网页发起了跨域请求，浏览器会检查响应头中是否包含了"Access-Control-Allow-Origin"字段并且该字段的值与当前网页的源一致。如果不一致，浏览器就会拒绝这个请求，抛出类似于"Access to XMLHttpRequest at 'https://xx.cn' from origin 'http://localhost:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present"的错误。 [2] 解决这个问题的方法有多种，其中一种是在浏览器中添加一些参数来禁用安全策略，比如在Chrome浏览器中可以右键点击快捷方式，选择"属性"，在目标字段的末尾添加"--disable-web-security --user-data-dir=D:\MyChromeDevUserData"，然后重新启动浏览器。这种方法是最简单粗暴的解决方法，但是需要注意的是，这样做会降低浏览器的安全性，不建议在正式环境中使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Access to XMLHttpRequest at has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ ...](https://blog.csdn.net/shidas/article/details/126039938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [Access to XMLHttpRequest at ‘xx‘ from origin ‘XXX‘ has been blocked by CORS policy: Cross origin...](https://blog.csdn.net/qq_40587195/article/details/127749122)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值