Spring RESTfull Web Service + AngularJS HTTP 404 error

Question

Я пытаюсь использовать webservice на своей локальной машине и использовать AngularJS $ http. Через браузер все работает нормально, и я получаю правильный ответ JSON. Но с AngularJS $ http Я получаю ошибку 404, однако, обработчик найден и генерируется ответ.

FrontEnd:

$http.get('http://localhost:8080/apartments.json'). 
      success(function(data){ 
       $scope.apartments = data; 
      }). 
      error(function(data, status){ 
       alert("Error "+ status); 
      }); 

BackEnd:

@Controller 
public class ApartmentsController { 

    @RequestMapping(value = "/apartments", method = RequestMethod.GET) 
    public @ResponseBody List<ApartmentEntity> getAll(){ 
     ApartmentEntity apartmentEntity = new ApartmentEntity(); 
     apartmentEntity.setName("test"); 
     apartmentEntity.setPrice(1000); 
     return Arrays.asList(apartmentEntity); 
    } 
} 

Servlet отображается правильно.

Не могли бы вы предложить, что не так?

Answer 1

Проблема заключается в том, что по умолчанию Угловая пытается использовать CORS, так как это попытка запроса ajax с одной страницы, загруженной с одного сервера на службу REST, запущенной на другом сервере.

Способ, которым он пытается использовать CORS, заключается в выдаче GET с заголовком по умолчанию, который запускает браузер для запроса «перед полетом» OPTIONS.

Этот предполетный автоматический запрос OPTIONS предназначен для того, чтобы браузер получил список поддерживаемых методов сервером, и это первый шаг CORS.

Таким образом, 404 исходит из этого запроса OPTIONS.

См. Это issue в Angular, кажется, что это было исправлено в более поздних версиях, так как это вызывало множество вопросов от пользователей. См. Также original issue, который вызвал исправление.

В вашем случае для локальной разработки вы всегда можете развернуть оба приложения на одном сервере, и проблема решена.

Если в производстве необходимо запустить интерфейс/бэкэнд на отдельных серверах, то либо прокси-сервер этих серверов с помощью общего интерфейса сервера, например nginx/Apache, либо или включить CORS, см. enable-cors.org.