如何在vuejs中使用带有请求的令牌

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (187)

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

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

现在,从后端开始,它很容易用邮递员测试它并使用jwt来请求特定路线。

我怎么应该在Vue.js中解决这个问题

我可以像使用Postman一样处理这个问题吗?我如何在每个请求中使用jwt

非常感谢您的帮助。

提问于
用户回答回答于

在我看来,最先进的解决方案是将JWT令牌粘贴到HTTP加热器中,用于从客户端创建的每个请求

据我从这个页面得到它你做这样的事情

Vue.http.put('foo/bar', {foo: 'bar'}, { headers: { Authorization: 'Basic dXNlcjpwYXNzd29yZA==' } }); HTTP方法采用第三个参数,允许您指定要发送的标头>以及请求,我希望这会有所帮助。

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

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

扫码关注云+社区

领取腾讯云代金券