vue專案部署Nginx

2021-10-06 03:22:27 字數 1945 閱讀 8161

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-devel

3. yum install zlib

4. yum install zlib-devel

1.4 進行configure 配置

1.5 編譯安裝 (cd 到解壓好的nginx-1.6.2,這個目錄下安裝編譯)

1.6 啟動nginx

​ 執行完5步驟後,cd 到/usr/local/nginx目錄下。執行ls,可以看到四個目錄

​ conf----配置檔案 html----網頁檔案 logs-----日誌檔案 sbin------主要二進位制程式

​ 啟動命令: ./sbin/nginx (無引數) 啟動 (-s stop)關閉 (-s reload)重啟

1.7 檢視

檢視是否成功 ps -ef | grep nginx (如果能看到兩個相鄰id的程序,說明啟動成功)

失敗的可能 80埠被占用了。 netstat -ano | grep 80

2.1我們在專案的根路徑下輸入如下命令

npm run build
如下圖則打包成功

專案裡會多乙個dist檔案

2.2 把vue專案裡打包好的 dist 檔案 上傳到 centos7伺服器上

(這裡需要注意的是一定要記住你存的 dist 路勁 下面配置 nginx裡的conf時候需要用到)

3.1 使用下面命令進入 nginx.conf修改

vim /usr/local/nginx/conf/nginx.conf
3.2 進入 nginx.conf 配置server

(下面的解釋都是自己的理解,如有錯誤歡迎指出)

server 

location @router

(注意user也需要修改)

3.3 修改完後 重啟nginx

/usr/local/nginx/sbin/nginx -s reload
3.4 在瀏覽器輸入 http://伺服器url:80

到此部署完成

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 ...

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案,npm run build 之後會生成乙個dist資料夾,即為打包好的檔案,將檔案放在磁碟中,配置nginx監聽80埠,並指定服務名稱server name,最終可用kangqiao.kangqiao.c...