本地上的交叉源请求
我正在尝试一些非常简单的方法，但由于某些原因它不起作用：
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>SyriLab</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header></header>
<div id="content"></div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/poper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/functions.js"></script>
<script src="js/main.js"></script>
</body>
</html>
window.onload=function(){
main();
}
function main(){
$("header").load("./pages/header.html");
$("#content").load("./pages/home.html");
}
启动index.html时出现的错误：
无法加载文件：///e：/dev/eclipse/syrilab/pages/header.html：跨源请求仅支持协议方案:http、data、chrome、chrome-extension、HTTPS。
无法加载文件：///e：/dev/eclipse/syrilab/pages/home.html：跨源请求仅支持协议方案:http、data、chrome、chrome-extension、HTTPS。
我在这里做错了什么？
共有1个答案
根据您的问题，您似乎试图将index.html作为本地文件访问。相反，您必须使用webserver（例如nginx、apache等）来访问文件。jQuery的load方法将无法加载文件，因为用于访问本地文件的协议是file:/。由于安全原因，浏览器禁止此类请求。
配置Web服务器并尝试使用HTTP协议访问index.html，您的代码应该可以工作。
-
如何分享Cookie交叉起源？更具体地说，如何将头与头结合使用？ 下面是对我的情况的解释： 我正在尝试为运行在上的web应用程序中的上的API设置cookie。 似乎我在浏览器中收到了正确的响应头，但不幸的是它们没有效果。这些是响应头： 此外，当我使用Chrome开发人员工具的Network选项卡检查流量时，我可以在下看到cookie。但是，我看不到在下的Application选项卡中设置了coo
-
当我试图从返回JSON的Symfony API获取Angular数据时，我目前面临一个错误： “阻止跨源请求：同一源策略不允许读取位于的远程资源。”http://localhost:8000/customers. （原因：缺少CORS标头“访问控制允许原点”。） 以下是完整结果的截图： 我知道这个问题已经被问了很多次，但我找不到一个有效的答案。 当我不尝试在api控制器中检索$session时，它
-
我需要在浏览器中打开一个本地html文件。javascript运行良好，但ajax停止工作，XMLHttpRequest会出现交叉原点错误。有没有办法从本地目录运行ajax。对我来说，它只从本地文件运行是必要的。 谢谢
-
我在chrome控制台中出现了一个below错误 XMLHttpRequest无法加载XMLHttpRequest无法加载turn：global.turn.twilio.com:3478/turn?username=username&key=key&transport=UDP交叉起源请求仅支持协议方案:http、data、chrome、chrome-extension、HTTPS。 在运行本地we
-
当我放入allog-same-orgin时，它可以工作，但当我移除它时，我有： 阻止来源为“http://localhost:****”的帧访问跨来源的帧。 iframe src: 端口是相同的，我需要避免允许cookie安全来源相同
-
我的网页（wp1）有一个iframe。iframe的来源是另一个网页（wp2）。我在wp1上有一些javascript函数，试图操纵wp2的内容。然而，浏览器会让“阻止原点为空的帧”访问跨原点帧我怎么才能绕过这个？