Ant Design Vue Pro去掉权限，直接进入系统

一顆苹果

已于 2022-09-28 11:33:00 修改

821

分类专栏： HTML修炼养成前端之JavaScript 文章标签： vue.js 前端 javascript Ant Design Pro

于 2022-08-22 11:05:15 首次发布

本文链接：https://blog.csdn.net/ij_fantasy/article/details/126461643

版权

HTML修炼养成同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

前端之JavaScript

18 篇文章 0 订阅

订阅专栏

1. 去掉路由守卫

修改src/main.js文件，不要引入permission

2. 不经过动态路由生成菜单

修改src/router/index.js文件，如果跟我的代码不一样，就完全换成图里的哈

import { constantRouterMap,asyncRouterMap } from '@/config/router.config'


export default new Router({
  mode: 'history',
  base:process.env.BASE_URL,
  scrollBehavior:()=>({y:0}),
  routes:constantRouterMap.concat(asyncRouterMap)
})

3. 修改src/layouts/BasicLayout.vue文件

import { asyncRouterMap } from "@/config/router.config.js"

created () {
    this.menus = asyncRouterMap.find(item => item.path === '/').children;
    this.collapsed = !this.sidebarOpened;   
}

4. 另外如果想要保留登录页面，做个假登录，要把登录的接口请求注释掉

修改 src/views/user/Login.vue文件

 handleSubmit (e) {
      e.preventDefault()
      const {
        form: { validateFields },
        state,
        customActiveKey,
        Login
      } = this

      state.loginBtn = true

      const validateFieldsKey = customActiveKey === 'tab1' ? ['username', 'password'] :['mobile', 'captcha']
      this.loginSuccess();
}