javascript - 添加访问控制允许来源 : * easily to JSON

Question

在我的网络服务器上，我有一个文件夹(假设链接是:www.foo.com/json/)。

在此链接中，我有一个 json 文件，例如 foo.json。我想从另一个网站访问这个文件。我试图研究“CORS”，但它看起来很复杂，而且我没有在我的网站 foo.com 上使用任何后端。我听说您可以简单地使用 php 并将其放入:

<?php
header("Access-Control-Allow-Origin: *");

如何将它添加到具有 .json 的文件夹中，以便在我这样做时:

$.getJSON("http://foo.com/json/foo.json", function(json) {
    console.log(json
)});

它不会抛出错误。我希望这很简单，让任何网站都能做到，我只是不知道如何将它们全部连接起来。

Answer 1

选项 1:使用 PHP

您不能将其添加到 .json 文件中。您需要创建一个返回 JSON 数据的 php 文件。一个粗略的例子可能是:

/json/index.php?f=foo

header("Access-Control-Allow-Origin: *");
header("content-type: application/json");
echo file_get_contents($_REQUEST['f'].".json");

这将允许您设置 Access-Control-Allow-Origin header 并将所需的 json 文件内容返回到您的远程调用:

$.getJSON("http://foo.com/json/index.php?f=foo", function(json) {
    console.log(json);
});

选项 2:使用服务器配置

另一种选择是配置 header 以应用于服务器配置中的 json 文件。使用 Apache2，您可以将以下内容添加到您的服务器配置或在/json 目录中创建一个 .htaccess 文件以包含:

<Files "*.json">
  Header set Access-Control-Allow-Origin "*"
</Files>

这将自动包含所有 json 文件的 header 。