前言

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

教程

前提

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

下載專案原始碼

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

修改專案

使用VsCode或者IDEA或者您喜歡的工具開啟專案，本文以VsCode為例
修改.env檔案裡的後端地址

安裝專案依賴

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

yarn install

本機執行（可跳過）

在終端執行

yarn run serve

部署到寶塔

build成純靜態方式

在終端執行

yarn build

成功後，就可以在專案根目錄裡看到dist檔案夾了，這個就是網站原始碼了
把資料夾裡的當成PHP專案，在寶塔里正常建立網站，上傳即可

node部署方式

待完善