vue-element-admin概述

 

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

vue-element-admin 定位是后台集成方案，不太适合当基础模板来进行二次开发，因为本项目集成了很多你可能用不到的功能，会造成不少的代码冗余。

官方还提供了一套基础模板 vue-admin-template ，我们基于它进行二次开发，想要什么功能或者组件就去 vue-element-admin 那里复制过来。

参考：

• 官方文档 ：https://panjiachen.gitee.io/vue-element-admin-site/zh/

• vue-element-admin 脚手架:

  在线预览：https://panjiachen.gitee.io/vue-element-admin

  gitee ：https://gitee.com/mirrors/vue-element-admin

  github ：https://github.com/PanJiaChen/vue-element-admin

• vue-admin-template 脚手架:

  在线预览：https://panjiachen.gitee.io/vue-admin-template

  github 源码：https://github.com/PanJiaChen/vue-admin-template

参考官网配置：

https://cli.vuejs.org/zh/guide/html-and-static-assets.html#url-%E8%BD%AC%E6%8D%A2%E8%A7%84%E5%88%99

需要设置BASE_URL

data () { return { publicPath: process.env.BASE_URL }}

然后

<img :src="`${publicPath}my-image.png`">