AngularJS 中没有“Access-Control-Allow-Origin”标头

Question

我正在尝试构建一个我无法控制我尝试连接的服务器的快速演示站点。这是我使用 AngularJS 构建它的代码。我正在通过一个简单的 Python HTTP 服务器运行该文件并在 localhost:8000 上查看它。 变种检索设备=函数（）{ console.log('正在尝试检索设备列表。');

var requestUrl = '****';
    $http({
        method: 'GET',
        url: requestUrl,
    })
    .then(function (response) {
        console.log(response);
    });
};
retrieveAppliances(); 

我已阅读多个地方尝试将method 切换为JSONP，但这样做会导致解析错误。

虽然我考虑过尝试构建一个server.js 文件并使用它运行 NodeJS，但我未能成功学习发出 AJAX 请求并将其代理到我的 app.js 的基础知识。

如果有人能给我提供清晰易懂的步骤，我将不胜感激。

Answer 1

如果您正在对不同的源（例如不同的主机、端口或协议）运行 Ajax 调用，并且该源的服务器不支持跨源请求，那么您无法从客户端修复该问题。客户无能为力。

如果服务器支持 JSONP，你可以使用它，但这也需要特定的服务器支持。

浏览器网页的唯一解决方案是：

1. 目标服务器上的 CORS 支持。
2. JSONP（也需要目标服务器的支持）。
3. 设置您自己有权访问的服务器（在您现有的页面域上或使用 CORS），然后让该服务器为您获取文件/数据并将其代理回给您。您可以编写自己的代理或部署预构建的代理。
4. 找到一些您可以使用的现有第三方代理服务。

如果您有兴趣制作自己的 node.js 代理，可以在这里查看一个简单的示例：How to create a simple http proxy in node.js?。