@nuxtjs/auth 做鉴权,login/user 等接口配置都完成了,登录也正常登录,但是一刷新页面就重定向到登录页?
nuxt
项目采用 @nuxtjs/auth
做鉴权,需求是只有登录之后才能进入其他的页面(包括首页),配置按照官方文档进行了配置,
登录获取token
和 获取接口都是正常的,进入后进行路由跳转等操作都是正常的,
但是一旦刷新页面就会重定向到登录页,同时在登录也也是正常请求了获取用户的接口,此时查看vue
面板,也是可以看到 vuex
的 auth.user
数据,loggedIn:true
。
查了几天资料都没有找到解决方案。
刷新后也能看到 store commit
配置如下:
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论