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`">