国产欧美日韩亚洲一区二区三区,亚洲精品一二三区,亚洲激情六月丁香

展開

管理后臺二開編譯上線

## 說明
管理后臺使用vue.js開發，前后端分離，修改以后，需要編譯，下面是開發步驟。 
## node環境安裝
打開[https://nodejs.org/en/download/releases/](https://nodejs.org/en/download/releases/)，下載Node.js v14.21.3，建議使用與likeshop官方一樣的版本，避免編譯出現未知錯誤。根據系統下載對應的版本，windows可以下載msi結尾文件，方便安裝。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=c5cef73d7389fb2383517328a204ee35)
 
安裝過程中，記得勾上“Automatically……”選項，可以自動配置環境變量。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=c9faf3f1295fefdf125db09ec9690d17) 
打開終端，在終端運行`npm config set registry https://registry.npmmirror.com`，將npm的源設置為淘寶鏡像。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=0b1de7e68c134cbabf9131cd65906e8b)

## 管理后臺開發模式運行和編譯上線
### 安裝依賴
/web目錄為管理后臺的源碼目錄，在終端使用cd命令進入，運行`npm install`安裝依賴。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=c0512a0b6544f86154067f3991703814)
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=9397c9be08168521d2fe5f090ef42fc5) 
### 運行
打開/web/src/config.ts文件，修改變量host_development的值為部署好的項目域名，在/web目錄運行`npm run serve`,運行項目。訪問終端返回地址，即可訪問項目。這是我們可以對代碼進行二次開發。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=9a387db7c907b1877b69099ffadf4ca1) 
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=e29d0d268a79a526ae5bd39884a86934) 
### 編譯上線
二次開發完以后，我們需要對代碼進行編譯。在/web目錄，運行`npm run build`編譯源碼。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=cbc4d710b3862987c8fee7d08f2a67f3) 
編譯成功后，生成/web/dist目錄，將目錄命名成admin后，替換掉服務器中/server/pbulic/admin目錄。重新打開上線管理后臺頁面，刷新即可。
![](https://md.www.o0547.com/server/index.php?s=/api/attachment/visitFile&sign=58ec694d66e2507d4927d972df1bb9d9)