1. 程式人生 > 其它 >linux環境nginx部署vue專案

linux環境nginx部署vue專案

技術標籤:vuevue

先將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如果用代理了記得在打包之前關掉