gpt4 book ai didi

javascript - 本地跨源请求

转载 作者:太空宇宙 更新时间:2023-11-04 15:51:32 25 4
gpt4 key购买 nike

我正在尝试一些非常简单的方法,但由于某种原因它不起作用:

索引.html :

<!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>

js/main.js :

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:跨源请求仅支持协议(protocol)方案:http、数据、chrome、chrome-extension、https。

加载文件失败:///E:/​​Dev/Eclipse/SyriLab/pages/home.html:跨源请求仅支持协议(protocol)方案:http、数据、chrome、chrome-extension、https。

一切都是本地的,相同的根目录,我只是想制作一个基本的 html 页面,包括 bootstrap 和 jquery(poper 也是,不确定它是什么,但在 bootstrap 页面上)。并在 php 中使用类似于“include”的东西,但使用常规的 js 和 html。

我在这里做错了什么?

最佳答案

根据您的问题,您似乎正试图将 index.html 作为本地文件访问。相反,您必须使用网络服务器(例如 nginx、apache 等)来访问该文件。由于用于访问本地文件的协议(protocol)是 file://,jQuery 的加载方法将无法加载文件。出于安全原因,浏览器禁止此类请求。

配置网络服务器并尝试使用 http 协议(protocol)访问 index.html,您的代码应该可以工作。

关于javascript - 本地跨源请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49766529/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com