目錄
第一種方式
1準(zhǔn)備nginx安裝包并解壓
2執(zhí)行以下命令，安裝nginx依賴包
3編譯安裝nginx
4驗(yàn)證安裝
第二種方式
1下載所需要的安裝包
2安裝步驟
2.1將下載的完整文件夾通過壓縮包的形式，上傳到你的路徑下解壓.
2.2 進(jìn)入到gcc文件夾下，執(zhí)行命令：
2.3進(jìn)入到gcc-c++文件夾下，執(zhí)行命令：
2.4檢查gcc、gcc-c++是否安裝成功
2.5執(zhí)行g(shù)cc -v?,?g++ -v?出現(xiàn)帶有success或版本信息代表安裝成功；
2.6安裝PCRE：
2.7安裝libtool
?2.8安裝nginx
3如何進(jìn)行操作
3.1進(jìn)入到linux服務(wù)器切換到root用戶
3.2直接進(jìn)入到nginx默認(rèn)安裝的位置
3.3ngin文件內(nèi)容解釋
3.4如何部署前端項(xiàng)目到Nginx上
3.5上傳dist.tar壓縮包
3.6解壓dist.tar文件
3.7解壓成功后使用cd 切換到conf文件下
3.8根據(jù)實(shí)際情況修改nginx.conf中的配置文件
3.9啟動Nginx
3.10查看是否啟動成功
3.11訪問部署的前端項(xiàng)目
3.12Nginx相關(guān)命令
????????因?yàn)楣拘枰獌?nèi)網(wǎng)進(jìn)行部署前后端，不能聯(lián)網(wǎng)進(jìn)行下載就很麻煩，所以今天我就給大家分享一下如何在內(nèi)網(wǎng)進(jìn)行部署前端Vue項(xiàng)目。
注意：最好提前切換到root用戶，這樣權(quán)限比較大。此方法只適用于cpu為x86系統(tǒng)
使用下面命令可以查看Linux系統(tǒng)的CPU信息
uname -a第一種方式
1準(zhǔn)備nginx安裝包并解壓
????????版本不一定要一致。
tar -xvf nginx-1.23.1.tar.gz2執(zhí)行以下命令，安裝nginx依賴包
yum install gcc gcc-c++ make unzip pcre pcre-devel zlib zlib-devel libxml2 libxml2-devel readline readline-devel ncurses ncurses-devel perl-devel perl-ExtUtils-Embed openssl-devel -y3編譯安裝nginx
3.1 進(jìn)入nginx目錄
cd nginx-1.23.13.2 配置
./configure 注意：[這個(gè)可能報(bào)錯(cuò)：emerg unknown directive stub_status in]說明Nginx沒有添加modules/ngx_http_stub_status_module.o模塊。所以重新安裝：然后執(zhí)行./configure這個(gè)步驟的時(shí)候執(zhí)行以下命令
3.2 配置
./configure --prefix=/usr/local/nginx --with-http_stub_status_module3.3 安裝
make -j4 && make install4驗(yàn)證安裝
執(zhí)行以下命令：
/usr/local/nginx/sbin/nginx -v若出現(xiàn)版本信息則表示安裝成功。
第二種方式
1下載所需要的安裝包
下載鏈接
2安裝步驟
2.1將下載的完整文件夾通過壓縮包的形式，上傳到你的路徑下解壓.
2.2 進(jìn)入到gcc文件夾下，執(zhí)行命令：
rpm -Uvh *.rpm --nodeps --force
2.3進(jìn)入到gcc-c++文件夾下，執(zhí)行命令：
rpm -Uvh *.rpm --nodeps --force
2.4檢查gcc、gcc-c++是否安裝成功
2.5執(zhí)行gcc -v?,?g++ -v?出現(xiàn)帶有success或版本信息代表安裝成功；
2.6安裝PCRE：
//1.解壓對應(yīng)文件
tar -zxvf pcre-8.35.tar.gz
//2.進(jìn)入對應(yīng)文件夾
cd pcre-8.35
//3.執(zhí)行命令:依次執(zhí)行
./configure
make
make install
2.7安裝libtool
//1.解壓對應(yīng)文件
tar -zxvf libtool-2.4.2.tar.gz
//2.進(jìn)入對應(yīng)文件夾
cd libtool-2.4.2
//3.執(zhí)行命令:依次執(zhí)行
./configure
make
make install
?2.8安裝nginx
//1.解壓對應(yīng)文件
tar -zxvf nginx-1.13.9.tar.gz
//2.進(jìn)入對應(yīng)文件夾
cd nginx-1.13.9
//3.執(zhí)行命令:依次執(zhí)行
./configure
make
make install
3如何進(jìn)行操作
3.1進(jìn)入到linux服務(wù)器切換到root用戶
su root 有密碼就輸入密碼，沒密碼就直接進(jìn)行操作。（不是管理員不能對nginx配置文件進(jìn)行操作和相關(guān)文件的刪除等操作）
3.2直接進(jìn)入到nginx默認(rèn)安裝的位置
cd /usr/local/nginx3.3ngin文件內(nèi)容解釋
進(jìn)入到nginx下包含下圖所顯示的文件，我們進(jìn)行前端部署主要是去操作conf（配置文件），html（放前端打包的dist文件），sbin（啟動nginx）
3.4如何部署前端項(xiàng)目到Nginx上
????????如何將前端的dist文件放置到nginx的html文件下，首先要注意nginx默認(rèn)可以解壓tar后綴的壓縮包，所以你在外部需要打包成tar壓縮包，如果你想打包成其他后綴的壓縮包也行，但是需要安裝解壓的插件，但內(nèi)網(wǎng)不是不能聯(lián)網(wǎng)下載嗎？建議使用7ZIP直接打包成tar壓縮包。
然后
cd html
進(jìn)入到html目錄下，默認(rèn)是包含兩個(gè)html文件的。
3.5上傳dist.tar壓縮包
使用rz 命令，直接輸入rz進(jìn)行上傳dist.tar文件。（rz -y命令會直接覆蓋掉上傳的同名的文件）
3.6解壓dist.tar文件
直接使用tar -xvf dist.tar 進(jìn)行解壓
3.7解壓成功后使用cd 切換到conf文件下
3.8根據(jù)實(shí)際情況修改nginx.conf中的配置文件
3.9啟動Nginx
切換到sbin目錄下執(zhí)行
./nginx
3.10查看是否啟動成功
執(zhí)行
netstat -tpln或ps -ef|grep nginx
查看是否成功啟動
3.11訪問部署的前端項(xiàng)目
直接輸入 linux的ip:nginx監(jiān)聽的端口號進(jìn)行訪問
例如
127.0.0.1:3000
結(jié)束。
3.12Nginx相關(guān)命令
使用nginx操作命令前提：必須進(jìn)入到nginx的自動生成目錄的下/sbin文件夾下。
1安裝自動生成的目錄：
/usr/local/nginx/
2查看 nginx 的版本號
./nginx -v3.關(guān)閉nginx
./nginx -s stop4.重新加載 nginx文章來源：http://www.zghlxwxcb.cn/news/detail-762534.html
在目錄：/usr/local/nginx/sbin 下執(zhí)行命令，不需要重啟服務(wù)器，自動編譯。文章來源地址http://www.zghlxwxcb.cn/news/detail-762534.html
./nginx -s reload到了這里，關(guān)于【運(yùn)維】Linux安裝Nginx并部署前端項(xiàng)目的兩種方式【內(nèi)/外網(wǎng)-保姆級教程】的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
