如何在vue.js中将令牌与请求一起使用

Question

我为我的小型学校系统开发了一个后端，该后端允许不同的角色访问不同的终结点，例如，老师无法访问“ / admin”终结点。到目前为止，我所拥有的是注册，登录，管理和个人资料页面的端点，并且我已经使用后端对其进行了测试，它们都可以正常工作。

我设法创建了一个将数据发布到后端的注册表单和一个请求从服务器登录并将jwt存储到本地存储的登录表单。

现在，从后端可以轻松地与邮递员进行测试，并使用jwt发出对特定路线的请求。

我应该如何在Vue.js中解决这个问题

我可以像使用邮递员一样处理此问题吗？ 以及如何在每个请求中使用jwt

非常感谢您的帮助。

Answer 1

在我看来，最新的解决方案是针对客户端创建的每个请求，将JWT令牌粘贴到HTTP Heater中

据我从page那里得到的信息，您做的事情是这样的

  

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

     

HTTP方法采用第三个参数，允许您指定标头与请求一起发送，希望对您有所帮助。

这也应该解决将其添加到每个请求中的问题。

我建议您使用Vue文档。了解更多信息。 您还应该了解此方法在安全性方面的缺点。我认为检查客户端活动并在一段时间不活动中销毁令牌是个好主意。

致谢。