vue專案部署之一 Linux伺服器安裝Nginx

2021-10-17 03:09:56 字數 3178 閱讀 1298

參考文章：

先檢視伺服器中是否有以下環境，若沒有所需環境，則按以下命令安裝。

1. gcc安裝

yum install gcc-c++
2. pcre pcre-devel 安裝pcre(perl compatible regular expressions) 是乙個perl庫，包括 perl 相容的正規表示式庫。nginx 的 http 模組使用 pcre 來解析正規表示式，所以需要在 linux 上安裝 pcre 庫，pcre-devel 是使用 pcre 開發的乙個二次開發庫。nginx也需要此庫。命令：

yum install -y pcre pcre-devel
3. zlib 安裝zlib 庫提供了很多種壓縮和解壓縮的方式， nginx 使用 zlib 對 http 包的內容進行 gzip ，所以需要在 centos 上安裝 zlib 庫。

yum install -y zlib zlib-devel
4. openssl 安裝openssl 是乙個強大的安全套接字層密碼庫，囊括主要的密碼演算法、常用的金鑰和證書封裝管理功能及 ssl 協議，並提供豐富的應用程式供測試或其它目的使用。

nginx 不僅支援 http 協議，還支援 https（即在ssl協議上傳輸http），所以需要在 centos 安裝 openssl 庫。

yum install -y openssl openssl-devel
1. 進入所需目錄
cd /usr/local/nginx          //常見nginx安裝位置
2. 解壓並編譯安裝

tar -zxvf nginx-


1.17


.3.tar.gz         //在nginx目錄下


cd nginx-


1.17.3.


/configure


make


make install
在進行make命令時，遇到如下錯誤

1.更新yum

yum update
2.更新完成後，先刪除之前準備make的nginx包，然後重新解壓乙個。

rm -rf nginx-


1.17


.3//在nginx目錄下，或者使用rmdir命令


tar -zxvf nginx-


1.17


.3.tar.gz
3.安裝前置庫

yum install -y gcc pcre pcre-devel openssl openssl-devel gd gd-devel
4.進入nginx目錄重新編譯一次引數

.


/configure 


make


make install
至此nginx安裝已完成。

1. 查詢安裝路徑

whereis nginx
2. 查詢nginx配置檔案

find /


-name nginx.conf
3. 查詢nginx程序

ps aux|grep nginx
4. 啟動nginx先進入到nginx的 sbin目錄下

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
5. 停止nginx先檢視程序號，再殺死程序

ps -ef|grep nginx


kill -quit 程序號         //從容停止


kill -term 程序號         //快速停止


pkill -


9 nginx            //強行停止
6. 重啟nginx1、先驗證nginx配置檔案是否正確

方法一：進入nginx安裝目錄sbin下，輸入命令./nginx -t

正確顯示：

nginx.conf syntax is ok

nginx.conf test is successful

方法二：在啟動命令-c前加-t

/usr/local/nginx/sbin/nginx -t -c /usr/local/nginx/conf/nginx.conf
2、重啟nginx服務

方法一：進入nginx可執行目錄sbin下，輸入命令./nginx -s reload 即可

[root@serve sbin]


./nginx -s reload
方法二：查詢當前nginx程序號，然後輸入命令：kill -hup 程序號 實現重啟nginx服務

[root@serve sbin]ps aux|grep nginx


[root@serve sbin]kill -hup 程序號
7. 設定開機自啟動即在rc.local增加啟動**

vi /etc/rc.local
增加一行 /usr/local/nginx/sbin/nginx

設定執行許可權：

vue專案部署

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

vue專案部署

放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...

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