Как использовать токен с запросом в vuejs

Question

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

Мне удалось создать регистрационную форму, которая будет публиковать данные в серверную часть, и форму входа в систему, которая запрашивает вход в систему с сервера и сохраняет JWT в локальном хранилище.

Теперь изБэкэнду легко протестировать его с почтальоном и использовать jwt для запроса к определенному маршруту.

Как мне решать это в Vue.js

И можно ли подойти к этомупроблема так же, как я использую Почтальон?И как мне использовать jwt в каждом запросе

Ваша помощь очень ценится.

Answer 1

По моему мнению, современное решение состоит в том, чтобы вставить ваш токен JWT в HTTP-нагреватели для каждого запроса, создаваемого клиентом

Насколько я могу получить его с этой страницы вы делаете что-то вроде этого

Vue.http.put('foo/bar', {foo: 'bar'}, { headers: { Authorization: 'Basic dXNlcjpwYXNzd29yZA==' } });

Методы HTTP принимают третий аргумент, который позволяет вам указать заголовки для отправки> вместе с запросом, надеюсь, это поможет.

Это также должно решить проблему добавления его к каждому запросу.

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

С уважением.