HTML文件通过jQuery引入其他HTML文件报错has been blocked by CORS policy

最新推荐文章于 2023-12-03 16:53:07 发布
最新推荐文章于 2023-12-03 16:53:07 发布
阅读量251 收藏 1
点赞数
原文链接：http://www.cnblogs.com/MC-Curry/p/11290871.html
版权
HTML通过jQuery引入模板
  1. 完整报错

5d4420b92aa2155293

  1. 新创建一个chrome快捷方式，命名为chrome-debug

5d44203d335e366737

  1. 右键属性，在目标后添加参数,原始路径如下

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"

  1. 添加参数后如下

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security

  1. 再打开页面，发现可以导入其他HTML文件了

  2. HTML代码

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="js/jquery.min.js"></script>
</head>

<body>
    world
    <div class="top"></div>
    <script>
        $(function(){
            $(".top").load("test.html");
        });
    </script>
</body>

</html>
  1. 不容易啊

5d442152b0b4836155

参考：http://www.mamicode.com/info-detail-2527962.html

转载于:https://www.cnblogs.com/MC-Curry/p/11290871.html

weixin_30344995
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 5276
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.
Access to XMLHttpRequest at ‘http‘ from origin ‘http://has been blocked by CORS policy: No ‘Access-C
qqqweiweiqq的博客
02-22 585
js
【jQuery+AJAX】Access to XMLHttpRequest at xxx from origin xxx has been blocked by CORS policy.
最新发布
HEX9CF的技术博客
12-03 506
根据具体情况，选择适合的解决方案来解决跨域问题。如果我们有权限修改服务器配置，建议使用第一种方法；如果无法修改服务器配置，可以考虑使用代理服务器或JSONP；如果以上方法都不可行，可以考虑使用CORS插件来禁用浏览器的跨域限制。
Access to XMLHttpRequest at ‘xxxx‘ from origin ‘http://localhost:63442‘ has been blocked by CORS pol
weixin_47142735的博客
07-09 1799
解决IDEA跨域报错
解决跨域has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘，利用Proxy反向代理
我还起舞了的博客
11-21 3577
我们要配置反向代理的原因是：因为跨域问题我们直接拿不到跟我们不同域名不同端口号下的数据，这是浏览器的跨域限制，我们不能在浏览器上显示后端的数据，但是服务器端没有跨域限制，所以可以让我们自己的服务器（项目运行，会启动一台服务器），去请求后端服务器，拿到数据，然后再传给我们前端。反向代理服务器的应用：往这个接口发请求，被拦截到了，凡是往这个接口发请求的，反向代理服务器，会在前面加上target域名 ，往真实的地址去请求。在vue.config.js文件中进行以下配置proxy，具体配置信息可以看下文。
前端之同源策略 Jsonp 与 CORS
fenglepeng的博客
08-14 163
同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于
.NET core 3.1 报错has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
08-24
在.NET Core 3.1中，当你在前端发起一个跨域请求时，如果没有在后端接口的响应头中设置'Access-Control-Allow-Origin'，那么就会出现报错信息"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' ...
Access to XMLHttpRequest at 'XXX' from origin 'XX' has been blocked by CORS policy: No 'Access-Contr
weixin_43180463的博客
11-19 1230
Access to XMLHttpRequest at ‘XXX’ from origin ‘XX’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present o AJAX 跨域请求解决方法； 这个问题折腾了很久，有些建议说在浏览器的后面加 –allow-file-access-from-...
Ajax跨域时出现Access to XMLHttpRequest at *** from origin *** has been been blocked by CORS policy
缚己
01-08 1万+
问题截图 发送 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-untru
Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
09-26 8068
出现这个就说明有发生跨域请求了 假设项目是在本地的8003端口 但是调用了8006的接口，那么就会出现跨域了 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> $.ajax({ url: 'http://127.0.0.1:...
解决跨域问题：has been blocked by CORS
陈铁男的博客
06-19 2万+
在编辑器web容器可以显示在浏览器无法显示。 解决跨域问题：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. **1.**换chrome浏览器 **2.**在chrome浏览器右键属性–目标–后面加上‘ --allow-file-access-from-files’。注意–allow-file-access-from-files前面有空格
跨域错误问题has been blocked by cors policy
less_cold的博客
11-29 27万+
这个问题其实是一个跨域调用错误 有多种解决方法，我放到服务器上所以在服务器上的apache的配置文件中修改。 一开始以为apache的配置文件是httpd.conf 然后发现我压根没有这个文件，在/etc/apache2/apache2.conf中加入 SetEnvIf Origin ":" IS_CORS He
解决前端跨域：has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header...
热门推荐
qq_40088443的博客
09-16 42万+
在前端工作中，有时候会碰到跨域的问题，就是请求的接口地址和本身的服务器不属于一个域内，此时浏览器会报错： XXXXX（请求的跨域url）has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested 网上有很多的解决办法，可以用jsonp来请求等等。 这里...
has been blocked by CORS policy问题解决方法
weixin_43947043的博客
04-11 6860
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
from origin ‘http://localhost‘ has been blocked by CORS policy 跨域问题
Ryan_black的博客
12-17 5万+
前后端环境搭好之后测试了一下登录,出了这个毛病,但是上面显示的CORS 我就知道,跨域问题来了. 这个CORS，是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）需要浏览器和服务器同时支持。 所有浏览器都支持该功能。 服务器的话需要单独配置使用 @CrossOrigin 或 全局配置类 这个@CrossOrigin需要配置在控制器类上 这个全...
【跨域问题】Access to XMLHttpRequest at‘http://localhost:跨域问题解决
qq_37952113的博客
09-03 15万+
错误： Access to XMLHttpRequest at ‘http://localhost:3000/framework/create’ from origin ‘http://localhost:4200’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control ...
网站调用其他域名的静态文件导致的跨域问题、CORS错误解决方法
12-07 1212
在apache的vhost中设置可调用静态域名资源： 将#LoadModule headers_module modules/mod_headers.so前面的‘#’去掉，启用header设置。 VirtualHost中添加Header set Access-Control-Allow-Or...
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
freshlover的专栏
03-12 11万+
同源是指相同的协议、域名、端口，三者都相同才属于同域。不符合上述定义的请求，则称为跨域。 相信每个开发人员都曾遇到过跨域请求的情况，虽然情况不一样，但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。 跨域的情形有很多，最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下，某些浏览器控制台给出的错误提示。 FireFox下的提示：已阻止交叉源请求：同源策略不允许读取***上的远程资源。可以将资源移动到相同的域名上或者启用 CORS 来解决这个问题。Canvas
Vue报错has been blocked by CORS policy怎么解决
06-09
出现这个错误是因为浏览器的同源策略（Same Origin Policy）限制，Vue应用在跨域请求数据时被浏览器...以上是解决 Vue 报错has been blocked by CORS policy 的几种方法，具体需要根据项目情况选择合适的方式进行解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值