【小慕读书】——Vue/ElementUI/Node.js后台管理系统：前端框架搭建

git clone https://github.com/PanJiaChen/vue-element-admin
cd vue-element-admin
npm i
npm run dev


import Vue from &＃39;vue&＃39;
import Router from &＃39;vue-router&＃39;Vue.use(Router)/* Layout */
import Layout from &＃39;@/layout&＃39;
export const cOnstantRoutes= [{path: &＃39;/redirect&＃39;,component: Layout,hidden: true,children: [{path: &＃39;/redirect/:path(.*)&＃39;,component: () => import(&＃39;@/views/redirect/index&＃39;)}]},{path: &＃39;/login&＃39;,component: () => import(&＃39;@/views/login/index&＃39;),hidden: true},{path: &＃39;/auth-redirect&＃39;,component: () => import(&＃39;@/views/login/auth-redirect&＃39;),hidden: true},{path: &＃39;/404&＃39;,component: () => import(&＃39;@/views/error-page/404&＃39;),hidden: true},{path: &＃39;/401&＃39;,component: () => import(&＃39;@/views/error-page/401&＃39;),hidden: true},{path: &＃39;/&＃39;,component: Layout,redirect: &＃39;/dashboard&＃39;,children: [{path: &＃39;dashboard&＃39;,component: () => import(&＃39;@/views/dashboard/index&＃39;),name: &＃39;Dashboard&＃39;,meta: { title: &＃39;Dashboard&＃39;, icon: &＃39;dashboard&＃39;, affix: true }}]}
]/*** asyncRoutes* the routes that need to be dynamically loaded based on user roles*/
export const asyncRoutes = [/** when your routing map is too long, you can split it into small modules **/// 404 page must be placed at the end !!!{ path: &＃39;*&＃39;, redirect: &＃39;/404&＃39;, hidden: true }
]const createRouter = () => new Router({// mode: &＃39;history&＃39;, // require service supportscrollBehavior: () => ({ y: 0 }),routes: constantRoutes
})const router = createRouter()// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {const newRouter = createRouter()router.matcher = newRouter.matcher // reset router
}export default router

module.exports = {title: &＃39;后台管理系统&＃39;,/*** @type {boolean} true | false* @description 是否显示控制面板*/showSettings: false,/*** @type {boolean} true | false* @description 便签栏*/tagsView: false,/*** @type {boolean} true | false* @description 固定头部*/fixedHeader: false,/*** @type {boolean} true | false* @description Whether show the logo in sidebar*/sidebarLogo: false,/*** @type {string | array} &＃39;production&＃39; | [&＃39;production&＃39;, &＃39;development&＃39;]* @description Need show err logs component.* The default is only used in the production env* If you want to also use it in dev, you can pass [&＃39;production&＃39;, &＃39;development&＃39;]*/errorLog: &＃39;production&＃39;
}　　

import defaultSettings from &＃39;@/settings&＃39;const title = defaultSettings.title || &＃39;小慕读书&＃39;export default function getPageTitle(pageTitle) {if (pageTitle) {return `${pageTitle} - ${title}`}return `${title}`
}