說了簡易的項目 如果重頭開始寫那就太麻煩了！菜單、登錄頁、巴拉巴拉
其實網上有很多開源的框架。我們可以借鑒一下，這樣我們也省去了很多事。這一篇主要寫的是vue-admin-template 。
模板地址：
vue-admin-template參考：
https://gitee.com/CrazyStudent13/vue-admin-template
vue-element-admin參考：
https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD
vue-element-admin：（下載類似vue-admin-template）
下載：
克隆項目：
git clone https://github.com/PanJiaChen/vue-element-admin.git
安裝依賴： (記得 cd vue-element-admin)
npm install --registry=https://registry.npm.taobao.org
啟動項目：
npm run dev
登錄頁面：
首頁：
vue-admin-template 的首頁
改配置：
路徑配置：
是否找到了熟悉的感覺？
端口號改一下
vue.config.js 這里改成自己的后台端口
然后 base_api也改成自己的
如果想用mock ：https://easy-mock.com/
首先要把mock數據改成自己的 那么就需要看一下原數據是什么樣子？
為了不影響我登錄我先模擬了登陸的數據在我的后台
登陸進來了
改一下左側的導航欄 把暫時不用的注釋掉 把我新建的頁面加進來
訪問后台：
把queen 里面的頁面粘貼過來 后台的返回值封裝一下 加上code message 之類的
code 為什么是20000？
get請求：
main.js
頁面
post請求：
》》》》》打包
打包： npm run build:prod
復制粘貼：（當然，也可以前后台分開部署。）
## 如果用vue-element-admin 也可以加一個這個連自己的后台
@