Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Nuxt窗口重新加载未拾取已登录用户_Javascript_Vue.js_Nuxt.js - Fatal编程技术网

Javascript Nuxt窗口重新加载未拾取已登录用户

Javascript Nuxt窗口重新加载未拾取已登录用户,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,因此,我们为我们的应用程序实现了谷歌登录。登录工作正常,一旦用户登录,身份验证就在后端完成。问题是,当用户登录并被授予访问nuxt中的页面的权限时,如果用户刷新窗口,它就会被注销 这是我的nuxt.config auth: { strategies: { local: { endpoints: { login: {url: 'auth/login', method: 'post', propertyName: 'token'},

因此,我们为我们的应用程序实现了谷歌登录。登录工作正常,一旦用户登录,身份验证就在后端完成。问题是,当用户登录并被授予访问nuxt中的页面的权限时,如果用户刷新窗口,它就会被注销

这是我的nuxt.config

auth: {
    strategies: {
      local: {
        endpoints: {
          login: {url: 'auth/login', method: 'post', propertyName: 'token'},
          user: { url: 'user', method: 'get', propertyName: 'data'},
          logout: { method: 'get', url: 'logout'}
        }
      }
    },
    redirect:{
      logout: '/signin'
    }
  },

  router: {
    middleware: ['auth']
  },
我正在使用nuxt auth library设置用户

以下是我所拥有的:

export default {
    auth: false,
    data() {
      console.log('token',this.$route.query.token)
        return {
            token: this.$route.query.token ? this.$route.query.token : null
        }
    },
    mounted() {
        this.$auth.setUserToken('Bearer ' + this.token).then((res) => {
console.log(res.data.data)
            this.$auth.setUser(res.data.data);
            return this.$router.push('/');
        })
        .catch( (e) => {
            this.$auth.logout();
            return this.$router.push(`/auth/login?error=1`);
        });
    }
}

你知道如何在winder重新加载时让用户登录为true吗?

你必须将令牌保存在某个地方,并在页面重新加载时将其还原,
您可以使用他们内置的$storage方法