Не удается загрузить файл JSON с сервера, используя пост-угловой

Question

Эй, я пытаюсь использовать функцию $ http get из angular для получения файла json с сервера, расположенного по адресу "http://localhost/week10/resources/dog.json" Но я не могу получить доступ к файлу. Код работает нормальнокогда я использую файл в локальном месте назначения.

Мой код выглядит следующим образом

Это угловой файл, отвечающий за получение данных

app.controller('myCtrl', function($scope, $http) {
    $http({
        method : "GET",
        url : "http://localhost/week10/resources/dog.json"
    }).then(function mySuccess(response) {
        $scope.dogObj = response.data;
    }, function myError(response) {
        $scope.dogObj = response.statusText;
    });
}); 

Код для отображения этихсимволы

<ul class="row">
    <li class="col-lg-4" ng-repeat="x in dogObj">

            <div class="thumbnail">
             <a href="view/view2/{{x.actual_name}}"> <img src="{{x.src}}" ></a>
            </div>

     </li>
</ul>

И json выглядит следующим образом

[{"actual_name":"dog1.htm","shown_name":"dog1","src":"images/dog1.jpg"},
                          {"actual_name":"dog2.htm","shown_name":"dog2","src":"images/dog2.jpg"},
                           {"actual_name":"dog3.htm","shown_name":"dog3","src":"images/dog3.jpg"},
                           {"actual_name":"dog7.htm","shown_name":"dog7","src":"images/dog7.jpg"},
                           {"actual_name":"dog4.htm","shown_name":"dog4","src":"images/dog4.jpg"},
                           {"actual_name":"dog5.htm","shown_name":"dog5","src":"images/dog5.jpg"},
                           {"actual_name":"dog6.htm","shown_name":"dog6","src":"images/dog6.jpg"},
                           {"actual_name":"dog8.htm","shown_name":"dog8","src":"images/dog8.jpg"}]

Код работает файл, когда я изменяю url: dog.json , поскольку есть файл собакитакже в локальном месте назначения

, но когда я изменяю его на http://localhost/week10/resources/dog.json Сайт не работает.

Если я просто помещаю файл в браузер,Появляется файл json.

В консоли проверки браузера отображается ошибка синтаксического анализа xml.

Answer 1

Не уверен, что это ваша проблема, но иногда вы получаете с сервера не json, хотя вы можете подумать, что так и должно быть.Я сделал это, чтобы настроить мои заголовки.Только потому, что регистрация ответила с текстом, а логин ответил с помощью json.

const registerHttpOptions = {
  headers: new HttpHeaders({ 
    "Content-Type": "application/json"
  }),
  responseType: "text" as "json"
};

const loginHttpOptions = {
  headers: new HttpHeaders({ 
    "Content-Type": "application/json"
  })
};

Я также советую научиться использовать Почтальон , чтобы увидеть, какой фактический ответ от сервера вы получаете и в каком формате.Я предполагаю, что вы уже проверили F12 / Сеть / Заголовки, F12 / Сеть / Ответная нагрузка.

Интересное прочтение по настройке заголовка в Angular Git repo