通过UI向api端点发出GET / POST请求时，如何发送JWT令牌？

Question

所以我创建了Nodejs api，直到现在我都使用邮递员来访问它。但是现在我想创建这个堡垒。 在api中，当用户登录时，他将获得JWT令牌，而在访问受保护的路由时，他需要发送JWT令牌。我正在使用邮递员在标头中发送令牌。 我该如何通过前端做到这一点？

Answer 1

内部登录功能成功后，请使用带有jwt参数的回调函数来调用localStorage.setItem('userToken', jwt)。这会将您的jwt放入用户浏览器的本地存储中。然后，如果您将axios用于后端调用，则应添加拦截器，该拦截器还将在每个请求上发送jwt。像这样

axios.interceptors.request.use(async () => {
  request.headers.common.Authorization = `bearer ${window.localStorage.getItem('userToken')}`;
  return request;
}, err => Promise.reject(err));

所以，它不会完全像这样，而是满足您需求的类似内容

Answer 2

成功登录后，将令牌存储在本地存储localStorage.getItem('token')

中

然后通过从localStorage获取令牌将令牌传递到标头中的api