Vue动态路由配置，f5刷新动态路由丢失等图文详解

防己_DoLi

于 2020-05-28 17:15:47 发布

阅读量3.1k

点赞数 1

分类专栏：随笔文章标签： vue javascript es6 前端 npm

本文链接：https://blog.csdn.net/DoLi_JIN/article/details/106409270

版权

本文详细讲解了Vue动态路由配置的过程，包括用户登录获取token后如何保存动态路由，如何在设置动态路由时避免F5刷新丢失，以及如何解决Promise重定向报错的问题。在设置动态路由时，强调了.vue文件的引入路径和状态判断的重要性，并提供了一个防止Promise报错的方法。

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

Vue动态路由配置，f5刷新动态路由丢失，路由重定向报Promise的错误----------------其实超级简单

业务流程

用户登录（获取token）

得到用户token后，可以携带token（如果不需要token，请略过此步骤）请求动态路由接口

重点：动态路由数组存在本地

栗子：

// 用户登录
	PostUserToken(data)
      .then( response => {
   
        //设置token
        this.$cookie.set('access_token',response.data.access_token,response.data.expires_in+"S") 
        let data = {
    'access_token' : response.data.access_token }
        //获取动态路由数组
        GetMenuPath(data).then( response => {
   
          if(response.data.resp_code == 200){
   
            //动态路由存在本地-----退出登录时候清空
            localStorage.setItem