004------------将vue+element+admin本地路由，修改为动态路由(学习篇)

本文主要是介绍004------------将vue+element+admin本地路由，修改为动态路由(学习篇)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、退出登录，点击个人中心，进入模块页，清除token,vuex中的数据

找到退出登录的处理函数，在src/store/user.js中的logout函数，就为退出登录

代码如下：

  //退出登录logout({ commit, state, dispatch }) {return new Promise((resolve, reject) => {logout(state.token).then(() => {//设置token为空commit('SET_TOKEN', '')commit('SET_ROLES', [])//移除tokenremoveToken()//移除模块名称removeNickName();//调用全局方法，移除所有点击的标签dispatch('tagsView/delAllViews', null, { root: true })//重置路由resetRouter()resolve()}).catch(error => {reject(error)})})},

2、注释：
这里面就一个移除模块名称的，需要添加，其它的项目本身就有，还是那句话，不会就照猫画虎。注意，使用removeNickName要先在上面引入移除模块名称方法。
代码如下

import { getToken, setToken, removeToken, removeNickName } from '@/utils/auth'

3、点击个人中心，添加修改

这篇关于004------------将vue+element+admin本地路由，修改为动态路由(学习篇)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---