Access-Control-Allow-Origin 不允许 Origin null

Origin 是本地文件系统，因此这表明您正在加载通过 URL 进行调用的 HTML 页面（例如，只需在本地文件浏览器或类似浏览器中双击它）。nullloadfile:///

大多数浏览器将同源策略应用于本地文件，甚至不允许从与文档相同的目录中加载文件。（过去，Firefox允许使用相同的目录和子目录，但现在不再允许了。

基本上，将 ajax 与本地资源一起使用是行不通的。

如果您只是在本地测试一些真正要部署到 Web 上的东西，而不是使用本地文件，请安装一个简单的 Web 服务器并通过 URL 进行测试。这为您提供了更准确的安全图。您的 IDE 很可能内置了某种服务器（直接或通过扩展），您只需在 IDE 中点击“运行”，然后启动服务器并提供文件。http://

Chrome 和 Safari 对将 ajax 与本地资源一起使用有限制。这就是为什么它会抛出一个错误，比如

Access-Control-Allow-Origin 不允许 Origin null。

溶液：使用 firefox 或将数据上传到临时服务器。如果您仍想使用Chrome，请使用以下选项启动它;

--allow-file-access-from-files

有关如何将上述参数添加到Chrome的更多信息：右键单击任务栏上的Chrome图标，右键单击弹出窗口中的Google Chrome，然后单击“属性”，然后在“快捷方式”选项卡下的“目标”文本框中添加上述参数。它将如下所示;

C:\Users\XXX_USER\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files

希望这会有所帮助！

我想谦虚地补充一点，根据这个 SO 来源： https://stackoverflow.com/a/14671362/1743693，现在只需使用以下jQuery指令即可部分解决这种麻烦：

<script> 
    $.support.cors = true;
</script>

我在IE10.0.9200上尝试了它，它立即起作用（使用jquery-1.9.0.js）。

在 chrome 28.0.1500.95 上 - 此指令不起作用（正如大卫在上面链接的评论中抱怨的那样，这种情况会发生）

使用 --allow-file-access-from-files 运行 chrome 对我不起作用（正如 Maistora 上面声称的那样）

添加一点以使用 Gokhan 的解决方案来使用：

--allow-file-access-from-files

现在，您只需要在目标文本中附加上面的文本，后跟一个空格。 确保在添加上述属性后关闭 Chrome 浏览器的所有实例。 现在，通过添加此属性的图标重新启动 chrome。 它应该对所有人都有效。

只是想补充一点，“运行 Web 服务器”的答案似乎令人生畏，但如果您的计算机上有 python（至少在 MacOS 和任何 Linux 发行版上默认安装），它就像以下几部分一样简单：

python -m http.server  # with python3

或

python -m SimpleHTTPServer  # with python2

因此，如果您的 html 文件在一个文件夹中，请说 ，您所要做的就是：myfile.htmlmydir

cd /path/to/mydir
python -m http.server  # or the python2 alternative above

然后将浏览器指向：

http://localhost:8000/myfile.html

大功告成！适用于所有浏览器，无需禁用 Web 安全性、允许本地文件，甚至无需使用命令行选项重新启动浏览器。

我一直在寻找一种解决方案，从本地 html 文件向服务器发出 XHR 请求，并使用 Chrome 和 PHP 找到了解决方案。（无 Jquery）

Javascript：

var x = new XMLHttpRequest(); 
if(x) x.onreadystatechange=function(){ 
    if (x.readyState === 4 && x.status===200){
        console.log(x.responseText); //Success
    }else{ 
        console.log(x); //Failed
    }
};
x.open(GET, 'http://example.com/', true);
x.withCredentials = true;
x.send();

我的 Chrome 的请求标头Origin: null

我的 PHP 响应标头（请注意，“null”是一个字符串）。HTTP_REFERER允许从一个远程服务器到另一个服务器的跨域。

header('Access-Control-Allow-Origin: '.(trim($_SERVER['HTTP_REFERER'],'/')?:'null'),true);
header('Access-Control-Allow-Credentials:true',true);

我能够成功连接到我的服务器。 您可以忽略 Credentials 标头，但这在启用 Apache 时对我有用AuthType Basic

我测试了与 FF 和 Opera 的兼容性，它适用于多种情况，例如：

从 VM LAN IP （192.168.0.x） 返回到 VM 的 WAN（公共）IP：端口
从 VM LAN IP 返回到远程服务器域名。
从本地 .HTML 文件到 VM LAN IP 和/或 VM WAN IP：端口，
从本地 .HTML 文件到远程服务器域名。
等等。

您可以使用 source 标签加载本地 Javascript 文件（在源页面下方的树中）：file:/

<script src="my_data.js"></script>

如果您将输入编码为 Javascript，例如在本例中：

mydata.js：

$xsl_text = "<xsl:stylesheet version="1.0" + ....

（这对 json 来说更容易）然后，您可以在 Javascript 全局变量中拥有“数据”，可以根据需要使用。

使用 Java Spring 运行 Web 服务，您需要在自动生成的 YouAppApplication.java 文件（带有 main（） 函数的文件）的正上方添加： 并使用以下实现创建一个类：@ServletComponentScan@SpringBootApplication

@WebFilter("/*")
public class AddResponseHeaderFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // ...
    }

    @Override
    public void doFilter(ServletRequest servletRequest,
                         ServletResponse servletResponse,
                         FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse httpServletResponse = (HttpServletResponse) servletResponse;
        httpServletResponse.addHeader("Access-Control-Allow-Origin", "null");

        httpServletResponse.addHeader("Access-Control-Allow-Credentials", "true");
         filterChain.doFilter(servletRequest, servletResponse);

    }

    @Override
    public void destroy() {
        // ...
    }
}

请注意，您可以在此类实现 Filter 并具有注释后立即为其选择不同的名称，您还可以提供与此筛选器不同的通配符，因此此筛选器不适用于每个终结点。
根据 Loudog Trottier @Louis指定，您需要在创建 Ajax 请求时添加它才能正常工作。@WebFilter/*...withCredentials = true;