Uniapp中vueX实现登录状态功能

最新推荐文章于 2024-07-26 15:29:09 发布

梅花十三儿

最新推荐文章于 2024-07-26 15:29:09 发布

阅读量1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Android062005/article/details/125330787

版权

本文介绍如何在uniapp中利用Vuex进行登录状态的管理，包括登录判断、退出登录的实现，通过action和commit进行登录功能的交互。

摘要由CSDN通过智能技术生成

uniapp使用Vuex实现登录状态的判断，退出登录，使用action，commit实现登录功能

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    token: '',
    userid:'',
    username: '',
    realname: '',
    welcome: '',
    avatar: ''
  },
  mutations: {
    SET_TOKEN: (state, token) => {
      state.token = token
    },
    SET_NAME: (state, { username, realname, welcome }) => {
      state.username = username
      state.realname = realname
      state.welcome = welcome
    },
    SET_AVATAR: (state, avatar) => {
      state.avatar = avatar
    }
  },
  actions: {
    // 登录
    mLogin({ commit }, userInfo) {
      return new Promise((resolve, reject) => {
       api.login(userInfo).then(response => {
          if(response.data.code ==200){ 
            const result = response.data.result
            const userInfo = result.userInfo
			uni.setStorageSync(ACC