如何使用Nuxt.js将数据存储到本地存储-Java 学习之路

如您所知，nuxtjs是服务器端呈现，并且没有很好的示例如何将数据存储到localstorage（客户端） .

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

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

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

问候 .

2 回答

3
nuxtjs为您提供 process.browser ，告诉它只在客户端执行

所以像这样使用它：
```
methods:{
    storeToken(token){
        if(process.browser){
            localStorage.setItem("authToken", token);
        }
    }
}
```
有关详细信息，请参阅link
回复于 2024-05-16T18:29:51+08:00

您可以使用 process.browser 在浏览器中查看它 .

export default {
  created() {
    this.storeToken();
  },
  methods:{
    storeToken(token){
      if(process.browser){
          localStorage.setItem("authToken", token);
      }
    }
  }
}

您也可以在挂载时调用此方法而不检查 process.browser .

export default {
  mounted() {
    this.storeToken();
  },
  methods:{
    storeToken(token){
       localStorage.setItem("authToken", token);
    }
  }
}

回复于 2024-05-16T18:29:51+08:00

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

2 回答

相关问题