@nuxtjs/auth 做鉴权,login/user 等接口配置都完成了,登录也正常登录,但是一刷新页面就重定向到登录页?

发布于 2022-09-12 23:57:23 字数 1477 浏览 21 评论 0

nuxt项目采用 @nuxtjs/auth 做鉴权,需求是只有登录之后才能进入其他的页面(包括首页),配置按照官方文档进行了配置,
登录获取token 和 获取接口都是正常的,进入后进行路由跳转等操作都是正常的,
但是一旦刷新页面就会重定向到登录页,同时在登录也也是正常请求了获取用户的接口,此时查看vue面板,也是可以看到 vuexauth.user数据,loggedIn:true
查了几天资料都没有找到解决方案。
image.png
刷新后也能看到 store commit
image.png

配置如下:

const authApis = {
  login: '/api/sys/login',
  getUserInfo: '/api/sys/getUserInfo',
  logout: '/api/sys/logout'
}
export default {
  modules: [
    '@nuxtjs/axios',
    // v5版本
    '@nuxtjs/auth-next'
  ],
  router: {
    middleware: ['auth']
  },
  auth: {
    // 登录策略
    strategies: {
      // 本地登录策略
      local: {
        token: {
          property: 'result.token',
          name: 'X-Access-Token',
          type: false
        },
        user: {
          property: 'result'
        },
        endpoints: {
          login: { url: authApis.login, method: 'post' },
          logout: { url: authApis.logout, method: 'post' },
          user: { url: authApis.getUserInfo, method: 'get' }
        }
      }
    },
    redirect: {
      login: '/login',
      home: '/',
      logout: '/login'
    },
    cookie: {
      options: {
        // 缓存三天有效
        expires: 3
      }
    },
    localStorage: false
    // resetOnError: true
  }
 }

1

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文