AngularJS XMLHttpRequest 无法加载 X。不存在“Access-Control-Allow-Origin”标头

Question

我刚刚浏览了整个互联网，但似乎找不到解决问题的方法。 我正在开发我的新作品集网站，可以在http://geertvandelangenberg.nl/angular 上找到。

我目前正在通过 Wordpress API 获取我的内容，并且正在使用 AngularJS 的 $http 进行解析。

我检查的几乎所有地方都运行良好，除了我在父母家检查网站时。我收到以下错误：

http://i.stack.imgur.com/rlFRW.png

我不确定你们中的一些人是否会出现该错误。

我的代码如下所示：

var myApp = angular.module('myApp',['ngSanitize']);

myApp.controller('PostsCtrlAjax', ['$scope', '$http', function($scope,$http) {
$scope.loading = true;
$scope.data = "unknown";
$http({method:'GET', url: 'DOMAIN/wp/wp-json.php/pages/', headers: {}})
.success(function(data) {
    $scope.posts = data;
    $scope.loading = false;
});
}]);

myApp.config(['$httpProvider', function($httpProvider) {
   $httpProvider.defaults.useXDomain = true;
}]);

我已经尝试了 Stackoverflow 上的几乎所有内容，但错误仍然存​​在。

希望大家给点建议！

谢谢！

Answer 1

您的后端需要实现CORS 或后端操作必须位于同一个域中。