一、準備階段：?
1、安裝linux上所需要的環境：npm? nodejs? nginx? ?pm2
//安裝 npm（Node 包管理器）
sudo apt install npm//判斷是否安裝成功
npm -v//安裝 Node.js（可以根據需要選擇版本）
sudo apt install nodejs//判斷是否安裝成功
node-v//安裝pm2
sudo npm install -g pm2
pm2 -v//安裝nginx
sudo apt install nginxnginx -v?
2、準備vue的dist包（npm run build） 和 express后端服務包（不用打包可以直接運行在服務器）
?
3、把打好的前后端包上傳至服務器對應的目錄，我使用的連接工具是finalShell（無腦好操作）,如圖所示我的前端包為dist后端包為backend，存放的文件路徑是 /root/manager-web
?
二、啟動后端服務：?
? ?1、進入backend目錄，使用pm2命令啟動（以下是pm2常見命令）
#啟動
pm2 start server.js#查看狀態
pm2 list#停止
pm2 stop server.js#重啟
pm2 restart server.js#刪除
pm2 delete server.js#日志
pm2 logs pm2 logs server.js#性能監控
pm2 monit三、開通防火墻：讓用戶可以訪問?
#開通防火墻3000端口
sudo ufw allow 3000#啟用防火墻
sudo ufw enable#禁用防火墻
sudo ufw disable#拒絕端口
sudo ufw deny 8080#刪除規則
sudo ufw delete allow 8080#運行特定ip訪問
sudo ufw allow from 192.168.1.100#查看已經配置的規則
sudo ufw status numbered#啟用防火墻的日志
sudo ufw logging on四、配置nginx、訪問前端頁面
server {# 監聽 IPv4 地址的 8086 端口listen 8086;# 監聽 IPv6 地址的 8086 端口listen [::]:8086;# 服務器名稱，這里使用 _ 表示通配符，表示該配置適用于所有主機名server_name _;# 設置 web 根目錄為 /root/manager-web/dist 目錄root /root/manager-web/dist;# 嘗試訪問請求的文件，如果文件不存在，則嘗試訪問目錄，如果目錄也不存在，則返回 /index.htmltry_files $uri $uri/ /index.html;# 配置對 /api/ 路徑的請求進行代理轉發location /api/ {# 將請求轉發到本地的 127.0.0.1:3001 地址，且保持 /api/ 路徑proxy_pass http://127.0.0.1:3001/api/;}# 設置錯誤日志文件的位置error_log /var/log/nginx/manager-error.log;# 設置訪問日志文件的位置access_log /var/log/nginx/manager-access.log;
}
?這里值得一提的是? 前端的get、post的配置地址應該是 http://(ip地址):8086/api
如果能訪問頁面就大工告成，完結撒花！！！
? ?
? ?
