寶塔面板部署vue項目（MyAuthWeb）

前言

在前文中，部署好后端了，就可以開始部署前端了，本文使用常見的寶塔面板演示
寶塔面板部署vue項目一般有兩種方式，一種是build成純靜態，一種是直接部署node項目
本文以TianYe負責維護的MyAuthWeb為例
前端項目地址：https://gitee.com/fieldtianye/my-auth-web
MyAuthWeb TianYe版預覽
https://www.cnblogs.com/daen/p/16019664.html

教程

方式一：使用feature/custom分支build，修改配置文件方式

同方式三，只不過后端地址什么的放到配置文件了，build后依然可以隨意修改
里面的serverConfig.json文件，內容說明如下

{
  "publishRootUrl": "http://localhost:8080",//生產環境后端地址
  "localRootUrl": "http://localhost:8080",//本機測試的后端地址
  "apiTimeout": 10000,//接口超時時間
  "projectName": "MyAuth",//版權名稱
  "internetContentProvider": "浙ICP備000001號-1(偽)",//底部備案號
  "copyright": "2022 Server By Daen | Web By Shine"//底部版權
}

具體請看倉庫readme

方式二：使用官方群群文件build好的my-auth-web-custom.zip

這個是使用feature/custom分支build好的，方便不懂nodejs和vue的朋友部署
下載壓縮包后，修改里面的serverConfig.json文件，內容說明如下

{
  "publishRootUrl": "http://localhost:8080",//生產環境后端地址
  "localRootUrl": "http://localhost:8080",//本機測試的后端地址
  "apiTimeout": 10000,//接口超時時間
  "projectName": "MyAuth",//版權名稱
  "internetContentProvider": "浙ICP備000001號-1(偽)",//底部備案號
  "copyright": "2022 Server By Daen | Web By Shine"//底部版權
}

方式三：使用master分支自己build

前提

1.配置好你電腦的vue基礎環境，包括腳手架和nodejs
2.安裝好yarn

下載項目源碼

在MyAuthWeb項目地址中，按照您喜歡的方式下載
例如使用ZIP方式下載、git clone到本地等

修改項目

使用VsCode或者IDEA或者您喜歡的工具打開項目，本文以VsCode為例
修改.env文件里的后端地址

安裝項目依賴

新建一個終端，執行一下命令

yarn

本機運行（可跳過）

在終端執行

yarn run serve

部署到寶塔

build成純靜態方式

在終端執行

yarn build

成功后，就可以在項目根目錄里看到dist文件夾了，這個就是網站源碼了
把文件夾里的當成PHP項目，在寶塔里正常創建網站，上傳即可

node部署方式

待完善