“ XMLHttpRequest無法加載”錯誤？

Question

這是完整的錯誤

XMLHttpRequest無法加載http://urbanetradio.com/wp-json/posts 。 “ Access-Control-Allow-Origin”標頭的值“ http：// localhost：8100 ”不等於提供的來源。 因此，不允許訪問原始站點“ http://run.plnkr.co ”。

現在，我在很多關於Access-Control-Allow-Origin的帖子中都看到了，但是沒有人說如何將其放入您的應用程序，我使用Firebase作為后端。

這是一個jsbin或Plunker ，以防萬一您想看到錯誤，在jsbin中不要在應用程序內打開控制台，請打開瀏覽器控制台。

這是我在做什么

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('tabs', {
      url: "/tabs",
      abstract: true,
      templateUrl: "tabs.html"
    })
    .state('tabs.news', {
      url: "/news",
      views: {
        'tab-news': {
          templateUrl: "tab-news.html",
          controller: 'NewsCtrl'
        }
      }
    })
   $urlRouterProvider.otherwise("/tabs/news");
})

.controller('NewsCtrl', function($scope,
                                 FreshlyPressed) {
  $scope.posts = [];
  $scope.doRefresh = function() {
    $scope.posts = FreshlyPressed.getBlogs($scope);
    $scope.$broadcast('scroll.refreshComplete');
  }
  $scope.doRefresh();
})

.service('FreshlyPressed', function($http) {
  return {
    getBlogs: function($scope) {
      $http.get('http://urbanetradio.com/wp-json/posts')
        .success(function(result) {
          $scope.posts = result;
        });
    }
  }
})

我正在向wordpress帳戶獲取請求以獲取帖子。 這是一個移動應用程序，當我在網絡瀏覽器中測試該應用程序時，一切正常，但是當我嘗試在移動設備中打開該應用程序時，出現錯誤並且我看不到帖子

這是該應用程序，以防萬一您要對其進行測試

那你認為我在這里能做什么？ 我必須在哪里放置Access-Control-Allow-Origin: * ？

Answer 1

將$http.get('http://urbanetradio.com/wp-json/posts')替換$http.get('http://urbanetradio.com/wp-json/posts') $http.jsonp('http://urbanetradio.com/wp-json/posts')並嘗試主機是否支持JSONP代替“安全性較低”的簡單JSON請求。 大多數API服務器都支持它，並且它克服了Access-Control-Allow-Origin標頭錯誤。