Как добавить JWT в угловой 6
Я добавил ключ авторизации, как показано ниже
postrequest(callurl, input) {
const headers: any = new Headers;
headers.append('Content-type', 'application/json;charset=utf-8');
headers.append('Authorization', 'Bearer
'+localStorage.getItem("AuthTocken"));
return this._http.post(callurl, input, headers)
.pipe(
map((res: any) => {
return res;
}),
retry(2),
catchError(err => {
})
);
}
Я не обнаружил ни одной ошибки, но Авторизация не найден в заголовке
angular 6
service used from @angular/common/http
URL working fine in postman
я получаю следующую ошибку
http.service.ts:84 Backend returned code 0, body was: [object ProgressEvent] body was: {"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null,"ok":false,"name":"HttpErrorResponse","message":"Http failure response for (unknown url): 0 Unknown Error","error":{"isTrusted":true}} (anonymous) @ http.service.ts:84 push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error @ catchError.js:34
Заголовки ответавведите описание изображения здесь
Ответы 2
Это требует немного другой настройки.
Обновлено: для краткости
this.httpClient.post(URLs, { headers: new HttpHeaders({ 'Authorization': localStorage.getItem("token") }); })
Кстати, я понял, что вы неправильно пишете "Авторизация". Таким образом, он не будет распознан как стандартный заголовок.
Вы не должны. По крайней мере, не без разъяснения, что вы используете настраиваемый заголовок. Как X-авторизация. И снова, вы должны использовать для чего-то столь простого официальные заголовки ... developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Authorizat ion
Нужно ли мне переходить на Авторизацию на сервере?
Я получил авторизацию, но она все еще не работает
НАДЕЖДА, ваш сервер отслеживает стандартный заголовок авторизации. В наиболее вероятном случае вам следует просто переименовать вашу авторизацию в авторизацию. Если нет ... ну, возможно, вы захотите изменить это
Что говорит ответ от бэкэнда?
Что ж, похоже, что рассматриваемый URL-адрес не работает. Я имею в виду, что заголовки не отображаются, это полностью пустой блок ошибки.
URL работает нормально с использованием почтальон. когда дело доходит до приложения angular, не отображается jwt is fount
вы должны использовать Bearer вместо Token
headers.append('Authorisation', 'Bearer '+'localStorage.getItem("AuthTocken"));
объект заголовка является опцией. вы должны передать заголовок в качестве аргумента в форме ниже
this.http.post(url, data, {
headers: headers
})
Спасибо за ответ. Я перешел на Bearer, но он не работает
Можете ли вы включить свой сетевой ответ в свой вопрос ??
похоже, ваш браузер отправляет запрос OPTIONS. это не запрос GET. проверьте свою консоль. есть ли у вас ошибка CORS?
Спасибо за ответ. Я получаю заголовок Авторизация в моем сервисе