VueJS (资源、路由器和@websanova/vue-auth)登录使用JWT令牌刷新令牌错误

Question

我正在使用VueJS和电子构建一个应用程序，现在我正在尝试使用@websanova/vue-auth包创建一个登录，一切都很顺利(登录、注销、路由保护等等)。我唯一坚持的是，每次我登录、刷新或重新启动电子时，它都会把我踢回登录页面。奇怪的是，它成功地刷新了令牌，如果我查看本地存储，它将被更新，并且当我尝试使用REST客户端发出手动请求时，令牌工作。我就是不能用那个标记进入应用程序。

我正在使用VueJS、vue-router、vue-resource和@websanova/vue-auth的最新版本(截至2016年9月19日)。

API端是一个Laravel5.3安装，我使用tymondesigns/jwt-auth包来处理JWT令牌。

这就是我如何使用我的路线：

'/': {
    auth: true,
    name: 'dashboard',
    component: HomeView
},
'/login': {
    auth: false,
    name: 'login',
    component: LoginView
}

视图正在使用浏览器化和vueify进行编译。

我的登录功能如下：

this.$auth.login({
    body: this.body,
    success: function () {
        this.loading = false;
    },
    error: function () {
        this.error.status = true;
        this.loading = false;
        this.body.password = '';
    },
    rememberMe: true
});

如果你需要更多的信息来帮助我，请告诉我。

编辑：，如果您想看一看，这里有到回购的链接：

API：https://github.com/luukhoeben/rmi-app-api

电子应用程序：https://github.com/luukhoeben/rmi-app-electron

谢谢你，鲁克

Answer 1

如果你设置

Vue.use(Auth, {
   router: Router,
   http: Vue.$http,
   tokenExpired: () => {
     return false
   }
})

将tokenExpired设置为返回false，这样，您将跳过所有令牌刷新，这并不是那么糟糕。缺点是，您的客户端将有一个过期的令牌在某个点，并将被迫重新登录。

另一种方法是在此基础上尝试检查令牌何时过期并刷新。