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

Question

我已经准备好许多其他人在这里询问的关于起源不允许 blablabla 的帖子，

现在我尝试添加 --Access-Control-Allow-Origin 并启用应用程序甚至禁用安全性，但每次我在 php 页面上尝试我的按钮时，它都会一直显示

Origin null is not allowed by Access-Control-Allow-Origin.

任何人都可以帮助我吗？这是导致问题的代码

page.php

<html land="en">
<head>
    <meta carset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css";
</head>

<body>
<!-- Document Ready Event -->
<input id="text" type="text" /><input id="submit" type="button" value="Submit" />

<div id="feedback"></div>
    <script src="../jquery-1.10.2.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

Script.js

$('#submit').click( function()
{
var text = $('#text').val();

$.get( 'PHP/reverse.php', { input: text }, function( data )
    {
        $('#feedback').text( data );
    });
});

Answer 1

Origin null is not allowed by Access-Control-Allow-Origin 表示您正在尝试对本地文件执行 Ajax。出于安全原因，这是禁止的。即使不是这种情况，您的 PHP 也不会运行，因为 Web 服务器支持 PHP，而不是 Web 浏览器。

您已经安装了网络服务器。您必须通过服务器请求您的页面，而不是直接从您的文件系统访问它们。

使用以http://localhost/ 开头的网址

您需要移动文件，使其位于服务器的 DocumentRoot 下（或重新配置服务器，使其可以从当前位置访问它们）。

Answer 2

我不确定您正在测试哪个浏览器。就我而言，如果我从本地文件（即Origin is null）发送 AJAX 调用，它适用于我的所有浏览器。我猜你不能让它工作的原因是需要一些服务器端编码。

试试这个，将Access-Control-Allow-Origin 标头添加到HTTP 响应中，并将值设置为*。我不确定如何在 PHP 中执行此操作，但这里有一段 Java 代码供您参考。

response.setHeader("Access-Control-Allow-Origin", "*")

Answer 3

这个 chrome 插件允许从任何来源请求任何带有 ajax 的网站。添加到响应 'Allow-Control-Allow-Origin: *' 标头

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related

它对我有用，无需在服务器端进行任何更改。但是，如果它符合您的测试，您应该在请求中更改 withCredentials: false 。