本地跨域请求答案

【问题标题】：Cross origin requests on local本地跨域请求
【发布时间】：2018-09-20 20:01:46
【问题描述】：

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

index.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：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。

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

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

我在这里做错了什么？

【问题讨论】：

错误告诉你...提示你的协议是file...安装猫鼬。它是一个用于 Windows 的轻量级 Web 服务器，并创建一个将组成的域指向本地主机的主机。
没有别的办法了吗？我希望能够在不运行任何东西的情况下进行实验。
像这样加载外部 html 是一种非常糟糕的做法。
不，我在骗你。去安装猫鼬...这很简单。
威尔斯：那我该怎么办？ Darkrum：好的，谢谢，我只是不想安装或运行任何东西，只需启动我的页面。但如果没有其他选择

标签： javascript jquery html bootstrap-4

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

正如其他人所说。您必须使用服务器提供文件。

为此目的并避免安装软件，请使用 Python。

在您的控制台中输入：

cd /path/to/my/index.html
// Below is command line for Python 3.x
python -m http.server
// Below is command line for Python 2.x
python -m SimpleHTTPServer

默认使用 http://localhost:8000/

这个简单的服务器将为您的目录文件提供服务。 Index.html 是服务器将尝试查找和服务的空资源请求。

【讨论】：

它导致/usr/bin/python: No module named http 和pip install http 给出ERROR: Could not find a version that satisfies the requirement http ERROR: No matching distribution found for http 和更早的ModuleNotFoundError: No module named 'request'。不确定问题是由过时的答案引起的还是我对pip做了一些奇怪的事情
@reducingactivity 快速回复。如果您使用的是 Python 2.x，则必须调用 python -m SimpleHTTPServer 将更新答案以供将来参考