AngularJS $ http заголовок для получения токена

Question

Я очень новичок в angularJS. в моем угловом приложении есть форма для входа. я проверил конечную точку входа API на почтальоне и заметил, что после успешного входа в систему генерируется токен.

У меня есть форма для добавления в блог.

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

но на почтальоне это хорошо работает.

Я слышал о $http header, но не понимаю, как это реализовать.

Это доставляет мне неприятности последние 7 дней, но я не могу решить эту проблему.

Может кто-нибудь помочь исправить это?

Спасибо

   $http({
            method: 'POST',
            url: 'http://127.0.0.1:8000/api/v1/blog',
            data: $scope.formBlogModel
        }).then(function (response) {
            $scope.success = 'post success'
        }, function(response) {
            $scope.error = "an error occured";
        });

Answer 1

Добавить headers свойство, также вы можете реализовать перехватчики :

$http({
    method: 'POST',
    url: 'http://127.0.0.1:8000/api/v1/blog',
    data: $scope.formBlogModel,
    headers: {
        'Authorization': 'Bearer ' + token
    }
}).then(function (response) {
    $scope.success = 'post success'
}, function(response) {
    $scope.error = "an error occured";
});