2022.12.12 記錄問題方便以後查看。 一、準備工作 1、本次使用jar包啟動後端，故而準備打包後的jar文件。註意修改配置文件中的路徑，根據需要部署的操作系統進行更改。 2、提前寫bat文件用來啟動jar包。 @echo off start "cmd標題名" java -Dfile.enco ...
2022.12.12
記錄問題方便以後查看。
一、準備工作
1、本次使用jar包啟動後端，故而準備打包後的jar文件。註意修改配置文件中的路徑，根據需要部署的操作系統進行更改。
2、提前寫bat文件用來啟動jar包。
@echo off
start "cmd標題名" java -Dfile.encoding=UTF-8 -jar D:jar包路徑
3、啟動項目進行測試。註意查看日誌幫助排錯。
4、伺服器註意在安全組中放行項目使用的埠。
二、前端部署
前端打包前註意修改.env.production文件中的VUE_APP_BASE_API項，改為你的伺服器ip+前端使用埠+自定義首碼的形式，例:
100:100:100:101:8001/prod
1、前端打包遇見如下錯誤
Error: Cannot find module 'html-webpack-plugin'
解決方案：
（1）檢查node.js版本，如果為高版本（我的版本為16+，已改為14.19.0），需要先卸載之前的版本，下載nvm管理工具，詳細操作百度即可。
檢查node.js版本命令。
node -v
（2）若降版本後還是無法打包，嘗試刪除node_modules後重新install依賴再打包。
（3）如果還是不行，嘗試如下代碼安裝依賴。之後再次重試打包。還不行就谷歌。
npm install html-webpack-plugin -D
2、配置nignx並啟動前端項目
（1）將打包好的dist文件上傳至伺服器後。打開nginx配置文件夾，我的路徑為
D:\nginx\nginx-1.22.1\conf
新建文件：你的配置名字.conf。
server {
#listen表示nignx監聽的前端項目使用的埠
listen 9002;
#server_name 有備案過的功能變數名稱可在此填寫功能變數名稱，無則隨便填寫
server_name localhost;
location /{
#網站主頁路徑。此路徑僅供參考，具體請您按照實際目錄操作。
#例如，您的網站主頁在 Nginx 伺服器的 /etc/www 目錄下，則請修改 root 後面的 html 為 /etc/www。
# root 你的前端項目的路徑
root D:\前端\dist;
# 其餘應該不用變
try_files $uri $uri/ /index.html
index index.html index.htm;
}
}
（2）打開nginx配置文件nignx.conf，在尾行引入剛纔寫的配置文件。
include 你的配置名字.conf;
（3）啟動nginx，在瀏覽器中輸入地址查看前端項目是否啟動成功，在logs文件夾中可查看啟動錯誤日誌，幫助排錯。
D:\nginx\nginx-1.22.1\logs
