AngularJS $ http.post 404

Question

Я пытаюсь проверить отправку данных на сервер с помощью $ http.post. Бэкэнд построен с помощью laravel.

Я просто изучаю Угловое, поэтому нет ничего сложного. Когда я пытаюсь отправить в/api, и я получаю ошибку 404 в моей консоли браузера. Если я открою URl в браузере, он существует. Сама страница просто возвращает некоторый json.

Вот HTML:

<ul> 
    <li ng-repeat="brand in brands"> 
     <input type="checkbox" name="{{brand.brand_name}}" ng-model="brand.checked" ng-change="getSelectedBrands()"> 
     {{ brand.brand_name }} 
    </li> 
</ul> 

И часть контроллера отвечает за размещение данных:

$scope.getSelectedBrands = function() { 
    var data = $filter('filter')($scope.brands, {checked: true}); 
    $http.post('/api', data).success(function(data, status, headers) { 
     //do something 
    });   
} 

Почему сообщения на каждый флажок Проверить или снимите флажок в том, что эти флажки будут фильтровать результаты из базы данных, как только я доберусь до этого этапа.

Любая помощь была бы принята с благодарностью.

Спасибо!

EDIT С СЕТИ TAB РЕЗУЛЬТАТ:

Answer 1

Если открыть URI в браузере вы выполняете запрос GET. Возможно, ваш сервер настроен для ответа на маршруты GET, но не POST.

Answer 2

согласно комментарий Джеффа, возможно, потребуется добавить следующие строки в ваш контроллер

$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';