import Vue from “vue”;
import Router from “vue-router”;
Vue.use(Router);
/* Layout */
import Layout from “@/layout”;
/**
- Note: 路由配置项
- hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401,login等页面,或者如一些编辑页面/edit/1
- alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式–如组件页面
-
// 只有一个时,会将那个子路由当做根路由显示在侧边栏--如引导页面
-
// 若你想不管路由下面的 children 声明的个数都显示你的根路由
-
// 你可以设置 alwaysShow: true,这样它就会忽略之前定义的规则,一直显示根路由
- redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
- name:‘router-name’ // 设定路由的名字,一定要填写不然使用时会出现各种问题
- meta : {
noCache: true // 如果设置为true,则不会被 缓存(默认 false)
title: ‘title’ // 设置该路由在侧边栏和面包屑中展示的名字
icon: ‘svg-name’ // 设置该路由的图标,对应路径src/assets/icons/svg
breadcrumb: false // 如果设置为false,则不会在breadcrumb面包屑中显示
activeMenu: ‘/system/user’ // 当路由设置了该属性,则会高亮相对应的侧边栏。
}
*/
// 公共路由
export const constantRoutes = [
{
path: “/redirect”,
component: Layout,
hidden: true,
children: [
{
path: “/redirect/:path(.*)”,
component: resolve => require([“@/views/redirect”], resolve)
}
]
},
{
path: “/login”,
component: resolve => require([“@/views/login”], resolve),
hidden: true
},
{
path: “/register”,
component: resolve => require([“@/views/register”], resolve),
hidden: true
},
{
path: “/404”,
component: resolve => require([“@/views/error/404”], resolve),
hidden: true
},
{
path: “/401”,
component: resolve => require([“@/views/error/401”], resolve),
hidden: true
},
{
path: “/”,
component: Layout,
redirect: “index”,
children: [
{
path: “index”,
component: resolve => require([“@/views/index”], resolve),
name: “首页”,
meta: { title: “首页”, icon: “home”, noCache: true, affix: true }
}
]
},
{
path: “/publisharticles”,
component: resolve => require([“@/views/article/publisharticles/index”], resolve),
hidden: true
},
];
export default new Router({
// mode: ‘history’, // 去掉url中的# history需要在服务器的tomcat和nginx配置映射参数
mode: “history”,//history //用hash模式,因为这样不用服务器配置任何东西,先把引用资源路径及404,还有请求的路径解决了再去整history模式
base: “/lijia/”,
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
});