Question

我想将jwt令牌存储在localStorage中，并将它发送回带有快递头的服务器，我在Visual Studio和Chrome浏览器上工作。只是为了本地存储，我看到这些说明是在线编写的，以便能够存储令牌，但是我不知道该将令牌放在哪里？我可以在哪里将令牌存储在本地存储中的什么位置？，我必须在Chrom或Terminal中或在哪里编写此说明？

 axios.post('http://yourendpoint',data,{ headers: { 
         Authorization:localStorage.getItem('jwtToken') } })
        .then(response=> console.log(response))
        .catch(error => console.log(error));
  };

简而言之，我想存储令牌，但是我不知道在哪里以及如何做。

Answer 1

让我们想象一下，您有一个像'/ auth'这样的端点来认证用户。在这种情况下，您可以执行以下操作：

 axios.post('http://myapi/auth', data)
     .then(res => localStorage.setItem('jwt', res.data.token))
     .catch(error => console.log(error))

然后，您将可以使用.getItem()方法访问该令牌：

const token = localStorage.getItem('jwt')

如果您想更好地了解它是如何工作的，则应继续阅读localStorage API文档。
要走得更远，您还可以进一步了解the difference between localStorage, sessionStorage and Cookie。

Answer 2

如果您需要在chrome浏览器中手动存储JWT令牌，请在本地存储。您可以按照以下步骤操作。

首先，转到chrome开发人员工具（Ctrl + Shift + i）
然后转到Application标签。
在“存储”下，您可以找到Local Storage部分。
然后选择您的站点URL，它将弹出所有当前可用的本地存储对象（请确保选择正确的网站URL）。
然后通过添加'key'和'token'添加新对象

如果您需要使用代码将令牌添加到本地存储中，则可以使用以下方法将其添加。

localStorage.setItem('key','your token');

我在哪里可以将jwt令牌存储在localStorage中？

2 个答案: