首页 > 其他 > 详细

【Nuxt】配置路由

时间:2019-03-24 12:06:29      阅读:274      评论:0      收藏:0      [点我收藏+]
export default ({store, redirect} => {
  if (!store.state.username) {
    redirect(‘/‘)
  }
})

vuex 代码处理请求,nuxtServerInit 是每次请求都会执行的方法,state是导出的函数,目的是为了防止多个用户使用同一个状态

export const state = () => {
  username: ‘‘
}

export const actions = {
  nuxtServerInit({commit}, {request}) {
    if (request.session.user) {
      const(‘SET_USER‘, request.session.user.username)
    }
  }
}

export const mutations = {
  SET_USER(state, username) {
    state.username = username
  }
}

 

使用href跳转使用的服务端渲染,使用的路由钩子函数跳转使用客户端渲染

 

【Nuxt】配置路由

原文:https://www.cnblogs.com/wuxianqiang/p/10587450.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!