linux環境nginx部署vue專案
阿新 • • 發佈:2020-12-28
先將vue打包
上傳到伺服器隨意目錄下,進入到你上傳的那個目錄下
解壓 unzip dist.zip (或者直接解壓後再上傳)
如果提示命令未找到 可能是沒有安裝unzip
安裝unzip zip:yum install -y unzip zip
我的路徑:
配置nginx conf下的nginx.conf
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; server { listen 9099; # 監聽埠 server_name _; # _代表匹配所有 root /usr/local/jsw/dist/; # 站點根目錄 index index.html; } }
說明:root指向的就是剛上傳的dist目錄
注:如果你是基於spring boot jar+vue,此處監聽的埠不是你後臺專案的埠,而且不要佔用,可以用netstat -ntlp檢視tcp埠情況。然後注意一下監聽的埠是否已經暴露
然後啟動nginx 常用命令如下:
//啟動
nginx安裝路徑下的/sbin/nginx
//停止
nginx安裝路徑下的/sbin/nginx -s stop
//重啟
nginx安裝路徑下的/sbin/nginx -s reload
//檢視程序
ps -ef | grep nginx
http://你的ip:埠
vue如果用代理了記得在打包之前關掉