使用保存在vue.js中的cookies中的JWT从我的spring中获取用户object API用于持久登录

Question

我正在尝试为我的第一个 web 应用程序模拟一些持久登录，以便该站点在刷新后仍然可用。 当我在控制台中打印令牌（保存在 cookie 中）时，它可以正常打印。 当我将 postman 与 header 中的令牌一起使用时，我得到了正确的 JSON 响应。 但是，在安装方法中使用它时，我得到 401。所以我认为这是我在提取中实现标头的方式的问题。 在此先感谢，因为我对编码非常陌生。

 mounted: function() { console.log(this.$cookies.get('token')); let t = JSON.parse(JSON.stringify(this.$cookies.get('token'))); let h = new Headers(); h.append('Authentication', `Bearer ${t}`); fetch('http://localhost:8080/api/owner/persist', { method: 'GET', headers: h }).then((response) => { return response.json(); }).then((data) => { this.jwtUser = data; })

Java Controller 下面：如果我有 PreAuthorize 标签，我会得到一个 401 错误，如果我把它拿走，我会得到一个 null 指针异常。 我认为我的 header 的格式有问题。我一直在搞乱它。

 @PreAuthorize("isAuthenticated()") @RequestMapping(path = "api/owner/persist", method = RequestMethod.GET) public Owner persistedLogin(Principal principal) { Owner o = new Owner(); o = ownerDAO.getOwnerInfoByName(principal.getName()); return o; }

Answer 1

传输访问令牌（尤其是 JWT）的标准方式是 header，称为Authorization 。

在您的代码示例中，您使用的Authentication从描述的角度来看是正确的，因为 JWT 在第一步中对请求进行身份验证，并且仅在第二步源中进行授权。 但是标准 header 就像它一样，被命名为Authorization 。 您对标头值 ( Bearer <token> ) 的格式在我看来是正确的。

仔细检查需要携带令牌的 header 的正确名称，并确认您使用的是正确的名称，它按照您在 Postman 的测试中所述工作。

最好的，cobz