【記錄】uniapp H5端打包發版到linux服務器步驟

 

　　　　最近作的uni-app  H5端須要發佈到linux服務器，今天找了多方資料，瞭解了其步驟，如今記錄以下：

 

1：編輯 mainifest.json 文件

 

 

須要注意的是運行的基礎路徑，像我寫的是/touch/路徑，那麼服務器上 要新建一個touch文件夾（例如tomcat的webapps建一個touch文件夾）

 

2：點擊上方發行，網站-h5手機版

 

 

 

3：彈出框填寫 網站標題和網站域名，而後點擊發行

 

 

 

4：控制檯查看編譯後文件路徑

 

 

 咱們發現，無論咱們如何改mainifest.json配置，最後的編譯文件都放在一個h5下面，注意：不要與上面的運行基礎路徑配置相混淆

 

5：進入h5文件夾下

 

 

6：上傳文件到服務器上，我服務器用的tomcat，因此將上面兩個（static 和index.html）拷貝到tomcat下的webapps 中的touch目錄裏面（注意，這時候若是沒有touch目錄須要在服務器上新建）

 

 

 

 

 

7：最後啓動tomcat 而後域名/touch 訪問地址

xxx.com/touch

 

 

至此，uniapp  h5版本已發版完成，這裏面我也用到了nginx 和域名，nginx用來解析域名代理到tomcat，這就比較簡單了。

參考地址：https://uniapp.dcloud.io/quickstart?id=_2-%E9%80%9A%E8%BF%87vue-cli%E5%91%BD%E4%BB%A4%E8%A1%8C

參考地址：https://blog.csdn.net/qq_37451395/article/details/103253459

 

但願以上記錄能幫助到你，感謝你們。