vue前端專案部署之nginx配置

2021-10-04 04:26:43 字數 1189 閱讀 1531

1、確認nginx配置完畢

2、通過命令npm run build進行打包

3、複製dist資料夾，上傳至/usr/local/nginx目錄下

4、修改/usr/local/nginx/conf目錄下的nginx.conf

#開啟檔案

vi


nginx


.conf
#修改說明：

監聽埠：


80；
修改：root 後面的html

替換為：


/usr


/local


/nginx


/dist
新增try_files幫助nginx檔案查詢時重定向，防止404；站點根目錄，即網頁檔案存放的根目錄, 預設主頁目錄在nginx安裝目錄的html子目錄。

try_files


$uri


$uri//


index


.html?s


=$uri


&$args


;
修改如下：

5、重啟nginx服務：

1、檢視nginx執行緒

ps


-ef|


grep


nginx
2、若有執行的nginx，則殺掉

kill-9


埠號（注意，要殺兩個埠號）
3、重啟服務

/usr/local/nginx/sbin/nginx-c/


usr/


local


/nginx


/conf


/nginx


.conf
4、完畢

輸入伺服器ip即可檢視

vue專案部署Nginx

cd usr local 切換路徑 1.2 解壓安裝 tar zxvf nginx 1.6.2.tar.giz c usr local local這個目錄類似於windows的program目錄，所以一些軟體可以都安裝在這裡 1.yum install pcre 2.yum install pcre...

nginx專案部署vue專案

一 nginx配置 server 介面api 在配置檔案vue.config.js的devserver的應該為 api location api 其他部分省略 說明 二.專案配置檔案 require path module.exports pathrewrite 如果不寫則只能修改 的網域名稱，如果...

vue 專案部署到 nginx中

web學習筆記 一 vue專案部署到nginx 確定伺服器ip位址,和埠位址 a.ip 123.123.123.123 b.nginx監聽的埠 8085 c.服務部署埠 8125 編寫nginx的配置檔案 a.注意監聽的埠是8085 b.服務介面與websocket的支援配置 介面location ...