Nuxt js使用laravel passport在安全页面上刷新页面后重定向到登录页面

Question

我正在使用laravel passport进行NUXT身份验证。我遵循这一文件：

https://auth.nuxtjs.org/providers/laravel-passport.html#usage

我可以在我的nuxt-app上成功登录。它在登录后重定向到仪表板，其中仪表板具有中间件：'auth'。问题是。当我刷新仪表板时，它会重定向回登录页面。在js控制台上，$auth.is身份验证返回true，但在SSR上返回false。我猜，问题出在中间件： auth上，我不确定。我已经在谷歌上搜索，但没有解决方案。我已经试过这个了：

https://github.com/nuxt-community/auth-module/issues/478

我的代码如下所示：

使用Nuxt前端实现Laravel 7护照身份验证

有人知道解决办法吗？

Answer 1

我最近才面对这个问题，虽然这个答案可能对行动组没有用，但我相信它将来可能对其他人有用。

这就是我们在下面所做的，在routes/api.php中找到的api routes下，添加访问laravel应用程序api的nuxt js域，使用下面的代码-确保专门针对您自己的用例进行格式化

$landingRoutes = function () {
//your routes
};
Route::group(['domain' => config('app.DASHBOARD_DOMAIN1')], $landingRoutes);
Route::group(['domain' => config('app._DASHBOARD_DOMAIN2')], $landingRoutes);

我也在我的博客上写过

Answer 2

http_onlycookie不适用于SSR。所以你需要制作一个nuxt插件。在那里，你应该检查是否access_token不存在，并且user存在于cookie中（当用户登录时，你应该制作一个带有用户信息或用户标识的cookie，就我个人而言，我会使用Vuex和vuex-persistedstate相结合）。如果用户存在于cookie中，而access_token不存在，则应刷新令牌。

plugins/refresh token.js

import clientCookies from 'js-cookie';

/**
 * For refreshing the token on page reload.
 *
 * @param  {Object} context.store
 * @return {Void}
 */
export default function ({store}) {
  window.onNuxtReady(() => {
    let token = clientCookies.get('x-access-token');
    let user = store.getters['user/currentUser'];

    if (user && ! token) {
      store.dispatch('auth/refreshToken')
        .catch(errors => {
          store.dispatch('auth/signUserOut');
        });
    }
  });
}

有关更多信息，请阅读本文