如何使用 Nuxt.js 将数据存储到本地存储

Question

如您所知，nuxtjs 是服务器端渲染，没有很好的示例如何将数据存储到客户端的本地存储中。

我的工作是建立登录表单，用户可以将用户名和密码放入表单中，然后将其发送到服务器（通过 api）进行检查，如果登录数据正确，api 将返回一个令牌密钥，然后我将此密钥存储到验证用户是否经过身份验证并将其与其他 api 一起使用。

我在这里找到了一些示例，但使用 vuejs 构建 https://auth0.com/blog/build-an-app-with-vuejs/ 但我不知道如何将其更改为 nuxtjs。

我读过的任何 https://github.com/robinvdvleuten/vuex-persistedstate 都可以插入到我的项目中，但我想看看其他解决方案。

问候。

原文由 Giffary 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Nuxt 为您提供 process.client 告诉它只在客户端执行

所以像这样使用它：

 methods: {
  storeToken(token) {
    if(process.client) {
      localStorage.setItem("authToken", token)
    }
  }
}

检查此 链接 以获取更多信息。

原文由 Vamsi Krishna 发布，翻译遵循 CC BY-SA 4.0 许可协议