NetworkError: 405 Method Not Allowed AngularJS REST

Question

В AngularJS, я имел следующую функцию, которая работала отлично:

$http.get("fruits.json").success($scope.handleLoaded); 

Теперь я хотел бы изменить это из файла в URL (который возвращает JSON с помощью некоторых сладкий Laravel 4):

$http.get("http://localhost/fruitapp/fruits").success($scope.handleLoaded);

ошибки я получаю:

"NetworkError: 405 Method Not Allowed - http://localhost/fruitapp/fruits" 

В чем проблема? Это потому, что fruit.json был «местным», а localhost - нет?

Answer 1

От w3:

10.4.6 405 Method Not Allowed 

The method specified in the Request-Line is not allowed for the resource 
identified by the Request-URI. The response MUST include an Allow header 
containing a list of valid methods for the requested resource. 

Это означает, что для URL: http://localhost/fruitapp/fruits сервер отвечает, что метод GET не допускается. Это POST или PUT?

Answer 2

Угловая версия js, которую вы используете, будет < = 1.2.9.

Если да, попробуйте это.

return $http({     
    url: 'http://localhost/fruitapp/fruits', 
    method: "GET", 
    headers: { 
     'Content-Type': 'application/json', 
     'Accept': 'application/json' 
    } 
}); 

Answer 3

У меня была аналогичная проблема с моим SpringBoot проекта, я получаю ту же ошибку в консоли браузера, но я видел другое сообщение об ошибке, когда я смотрел на серверную бревно, он бросает эту ошибку: «org.springframework.web.HttpRequestMethodNotSupportedException, сообщение = метод запроса„DELETE“не поддерживается» оказалось, что я пропускал {ID} параметр в серверной контроллера:

** Wrong code :** 
 
@RequestMapping(value="books",method=RequestMethod.DELETE) 
 
\t public Book delete(@PathVariable long id){ 
 
\t Book deletedBook = bookRepository.findOne(id); 
 
\t bookRepository.delete(id); 
 
\t return deletedBook; 
 
} 
 

 
** Correct code :** 
 

 
@RequestMapping(value="books/{id}",method=RequestMethod.DELETE) 
 
\t public Book delete(@PathVariable long id){ 
 
\t \t Book deletedBook = bookRepository.findOne(id); 
 
\t \t bookRepository.delete(id); 
 
\t \t return deletedBook; 
 
}

Answer 4

Для меня сервер не настроен для CORS. Вот как я это сделал на Azure: CORS enabling on Azure Надеюсь, что-то подобное работает и с вашим сервером. Я также нашел предложение, как настроить CORS на web.config, но без гарантии: configure CORS in the web.config. В общем, на ваш сервер есть предпродажный запрос, и если вы выполнили запрос с кросс-началом (то есть с другого URL-адреса, чем у вашего сервера), вам необходимо разрешить все происхождение на вашем сервере (Access-Control-Allow-Origin *).