用vue-admin-template 模版运行之后不让他跳转到登陆页面

vue-admin-template启动后不让他跳转到登陆页面，让它跳到自定义页面里面

1. 在views里面自定义一个页面
   如 新建一个shop文件夹，在文件夹下新建一个index.vue
2. 配置新页面的路由
   可以给他一个默认访问路径
   在router文件夹下的index.js里面添加

{
 path: '/',
 component: () => import('@/views/shop/index'),
 hidden: true
},

3. 修改项目的默认跳转路径
   给dashboard一个跳转路径，不让他默认跳转到dashboard页面中

{
   path: '/dashboard',
   component: Layout,

   children: [{
     path: 'dashboard',
     name: 'Dashboard',
     component: () => import('@/views/dashboard/index'),
     meta: { title: 'Dashboard', icon: 'dashboard' }
   }]
 },

4. 修改系统的配置权限
   把src目录下的 permission.js中配置了一些请求权限，如果不需要可以把里面的内容全部删了。
   删除之后刷新就可以直接跳转到自定义页面了。
5. 如果还要用登陆页面就可以把登陆页面中的

handleLogin() {
     this.$refs.loginForm.validate(valid => {
       if (valid) {
         this.loading = true
         this.$store.dispatch('user/login', this.loginForm).then(() => {
         
           this.$router.push({ path: this.redirect || '/' })
           
           this.loading = false
         }).catch(() => {
           this.loading = false
         })
       } else {
         console.log('error submit!!')
         return false
       }
     })
   }

把path中的路径改成

this.$router.push("/dashboard")

把dashboard重定向删了

点击登陆就跳转到之前项目默认的dashboard页面了

---

END