Javascript 否'；访问控制允许原点'；请求的资源上存在标头。原产地'；文件：//'；因此不允许访问。

我有一个node.js服务器，它在我的计算机上本地运行。我正在用js代码开发html页面：

var MainController = function($scope, $http) {

    var onCountComplete = function(response) {
        $scope.count = response.data;
    };

    var onError = function(reason) {
        $scope.error = "Could not fetch data";
    };

    $http.get("http://localhost:1337/api/count")
        .then(onCountComplete, onError);

    $scope.message = "hello";
};

我在运行此代码时遇到错误：

XMLHttpRequest无法加载

http://localhost:1337/api/count

。不 “Access Control Allow Origin”标头出现在请求的服务器上 资源因此，不允许访问源“file://”

---

我试着用--allow file-access-from-files键启动Chrome，但是没有用。有没有办法在开发过程中避免此错误？

如果您使用的是Apache，可以尝试此解决方案。这在我的一些小项目中起了作用。只需将这些行添加到.htaccess文件中。尽管需要定制，但我下面的示例是相当允许的，您可能只需要POST或特定来源

Header set Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Methods "GET, POST, OPTIONS, DELETE"
Header add Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type"

---

api服务器上是否启用了CORS？能否尝试在服务器端设置

访问控制允许源：

响应头？您正在执行跨域请求，这就是问题所在。您必须将服务器和客户端放在同一个域上，或者在服务器上启用CORS在node.js中如何实现（在服务器上启用CORS）？如果您使用的是Express，可能会有所帮助。