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