2014-09-03 2 views
0

Я пытаюсь загрузить файл в формате JSON от сервера .Здесь мой services.js файлAngularjs Ошибка при загрузке внешних jsonfile с сервера

angular.module('starter.services', []) 

/** 
* A simple example service that returns some data. 
*/ 
.factory('Friends', function($http) { 

    var friends; 
//here is the code for server access 
    $http.get('http://wwww.root5solutions.com/ionictest/get.json').then(function(msg){ 
     console.log("console output"+msg.data); 
     friends=msg.data; 
     console.log("from server"+friends.data); 
    }); 

    return { 
    all: function() { 
     return friends; 
    }, 
    get: function(friendId) { 

     return friends[friendId]; 
    } 
    } 
}); 

Но его не работала properly.Here моя консоль сообщение

XMLHttpRequest cannot load http://www.root5solutions.com/ionictest/get.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access. 
+1

Сервер не поддерживает CORS, см. Http://enable-cors.org/server.html о том, как его включить. – ivarni

+0

Можете ли вы показать примеры кодов для меня –

+0

Я просто добавил следующий код в файл js, но не работал '$ http.defaults.headers.put = { 'Access-Control-Allow-Origin': '*' }; ' –

ответ

0

Я также столкнулся с той же problem.I уверен, что это будет решить вашу проблему,

Для Windows ... создать ярлык Chrome на рабочем столе> нажмите правой кнопкой мышки> Свойства> Ярлык> Изменить "цель" путь:> "C: \ Program Files \ Google \ Chrome \ Application \ chrome.exe" --args повреждают-веб-безопасности

ПРИМЕЧАНИЕ:После установки этого выхода из хрома и затем открыть


+0

http get work fine.But http post reutrns this error 'Поле заголовка запроса Content-Type не разрешено Access-Control-Allow-Headers. ' –

+1

Обратитесь к этому http://stackoverflow.com/questions/25727306/request-header-field-access-control-allow-headers-is-not-allowed-by-access-contr, а также проверьте этот http: // www .wilsolutions.com.br/content/fix-request-header-field-content-type-not-allowed-access-control-allow-headers – Archana

+0

Наконец-то я выясню проблему, но никогда не получаю решение. , post возвращает ту же ошибку. –

0

вы должны белый список этот адрес

попробовать этот

.config(function($sceDelegateProvider) { 

    $sceDelegateProvider.resourceUrlWhitelist([ 
     // Allow same origin resource loads. 
     'self', 
     // Allow loading from our other assets domain. Note there is a difference between * and **. 
     'http://wwww.root5solutions.com/ionictest/**', 
    ]); 
}) 
+0

Did not работает для меня. –

0

Вся эта проблема beacuse i проверена только с использованием браузера. При работе на устройстве/эмуляторе его работа прекрасна. Для решения этой проблемы нет необходимости в дополнительном кодировании.

Смежные вопросы