小程序登录后应用vuex来治理登录状态和退出,小程序登录之后将后端发送过去的token存储到本地,而后应用vuex读取并且扭转登录状态。
import vue from 'vue'import vuex from 'vuex'Vue.use(vuex)export default new Vue.store({ state:{ //登录状态 loginStatus: flase, //存储token token: false }, mutations:{ //登录胜利扭转状态和存储token login(state,userToken){ state.loginStatus = true, state.token = userToken, uni.setStorageSync('userToken',JSON.stringify(userToken)) }, //退出操作:更改状态,删除token logout(state){ state.loginStatue = false, token = false, uni.removeStorageSync('userToken) } }, actions:{ //再定义个初始化登录的办法,放弃登录状态 initUser({state}){ let userToken = uni.getStorageSync('userToken') if(userToken){ state.loginStatus = true, state.token = JSON.parse(userToken) } } }})
这样咱们就能够在登录页面间接调用这个办法和状态了!