vue+element部署

一.環境準備
1.因為Nginx依賴於gcc的編譯環境，所以，需要安裝編譯環境來使Nginx能夠編譯起來。
命令：yum install gcc-c++
2.Nginx的http模塊需要使用pcre來解析正則表達式，需要安裝pcre。
命令：yum install -y pcre pcre-devel
3.安裝依賴的解壓包。
命令：yum install -y zlib zlib-devel
4.ssl 功能需要 openssl 庫，安裝 openssl。
命令：yum install -y openssl openssl-devel

二.下載Nginx
網址 http://nginx.org/en/download.html
Nginx官方提供了三個類型的版本：
Mainline version：Mainline 是 Nginx 目前主力在做的版本，可以說是開發版
Stable version：最新穩定版，生產環境上建議使用的版本
Legacy versions：遺留的老版本的穩定版
我們選擇Stable version，點擊下載。（伺服器上選的是nginx-1.18.0.tar.gz）
下載完成後，將Nginx壓縮包移動到Linux的待安裝目錄中。我這裡是 /usr/local/nginx

三.解壓安裝
1.解壓Nginx
命令：tar -zxvf nginx-1.16.1.tar.gz
2.依次執行以下命令：
cd /usr/local/nginx
./configure --prefix=/usr/local/nginx
make
make install

四.配置nginx.conf
1.選擇:位置/電腦/usr/local/nginx/conf/
2.用右鍵用文本編輯器打開nginx.conf文件
3.找到此代碼：
server {
listen 80;
server_name 192.168.10.86;
root html/dist;   註釋：dist為vscode vue發佈包

#charset koi8-r;

#access_log logs/host.access.log main;

4.server_name修改為Linux的IP地址就可以。
5.下麵代碼為添加代碼
location / {
try_files $uri $uri/ @router;
index index.html index.htm;
}
location @router {
rewrite ^.*$ /index.html last;
}

五.啟動Nginx
1.進入 /usr/local/nginx/sbin 目錄
執行命令：./nginx 啟動Nginx
2.查看進程是否啟動
命令： ps -ef | grep nginx

六.訪問該ip即可看到Nginx界面