vue-element-admin 学习使用记录

背景：

作为一名后端开发人员，一直不太在意，甚至有点比较抵触做前端开发。但是也层写过使用 jsp、html、angular、vue 开发的项目。基本做的都是二次开发。这次呢，想记录一下怎么把
vue-element-admin 改成自己项目可用的过程。

主要流程

1. 登录
2. 接口请求
3. 拦截器
4. 菜单资源、路由
5. logo

1. 登录

login\index.vue

2. 接口请求

utils/request.js

3. 拦截器

utils/request.js.interceptors
permission.js

4. 路由

main.js 中有代码

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})

index.js

const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ 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

logo

log 编辑位置： src\layout\components\Sidebar\Logo.vue