vueElementAdminBase

線上預覽位址，後台介面資料是模擬的可以隨意加入修改刪除

此框架基於PanJiaChen大佬的vue-element-admin修改而成，在使用前建議先看看大佬的幾篇文檔手摸手，帶你用vue擼後台系列一（基礎篇）,文檔會幫助你避免掉很多問題！

選單權限由背景控制

在建立選單時請注意，name欄位對應的是頁面裡的name（紅色的方塊），如果這兩個地方不一致，keep-alive快取會無效，（A頁面輸入內容，切換到B頁面後，再切換回A頁面，A頁面輸入的資料會遺失），而且每個選單的name是唯一的，重複了keep-alive也會失效。

是否顯示是指是否顯示在選單裡，隱藏選單仍可以透過路由訪問

文件路徑要注意的是一級菜單使用的是Layout這個字段，二級或多級目錄使用的是none這個字段（因為目錄沒有指向具體的文件），子頁面使用的才是具體指向的頁面，如黃色箭頭指向的，檔案預設放置於src/pages資料夾下。

後台介面的路徑在專案根目錄的vue.config.js裡修改

後台介面回傳的狀態碼在src/utils/request.js裡修改

src/permission.js是路由守衛

src/external是放置外部頁面的地方，在src/router/modules/external.js裡可以設定對外開放的頁面路由。

命令

 # clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git

# enter the project directory
cd vueElementAdminBase-master

# install dependency
npm install

# develop
npm run dev

瀏覽器開啟http://localhost:8099

打包

 # build for test environment
npm run build:stage

# build for production environment
npm run build:prod

這個只是前端的項目，還需要啟動一個模擬後台介面的項目，位址是vueElementAdminServer

捐贈

如果你覺得這個計畫對您有幫助，你可以用以下行動支持作者: