Nginx服務器部署步驟如下:
安裝Nginx
sudo apt update
sudo apt install nginx
sudo yum install epel-release
sudo yum install nginx
nginx.exe
啟動。http://服務器IP
,看到Nginx歡迎頁面即成功。配置Nginx
/etc/nginx/nginx.conf
或/etc/nginx/sites-available/
下新建配置文件。conf/nginx.conf
。server {
listen 80;
server_name example.com;
root /var/www/html; # 前端項目根目錄
index index.html;
location / {
try_files $uri $uri/ /index.html; # 解決SPA路由刷新404
}
}
部署前端文件
npm run build # 生成dist/build目錄
scp -r dist/* user@服務器IP:/var/www/html
。啟動與測試
sudo systemctl restart nginx
。nginx -s reload
。http://example.com
,確認頁面正常加載。進階配置(可選)
proxy_pass
將請求轉發到后端服務。expires
指令設置緩存時間。注意事項:
/var/www/html
目錄權限正確(chmod -R 755
)。參考資料: