一、linux 伺服器 安裝 nginx

1. 從 nginx 官網 下載一個nginx的安裝壓縮包，上傳至伺服器，可使用 rz -be 命令

2. 將 nginx 壓縮包解壓至某個目錄下，cd 進入其中，可看到一個可執行檔案 configure，用 ./configure --prefix=“nginx的自定義安裝路徑（絕對路徑，可進入目錄中之後，用 pwd 命令檢視）”&&make&&make install命令安裝 nginx

3. 安裝完成後，進入 nginx 的安裝目錄，進入 其中的 sbin 目錄，可看到 可執行的 nginx 檔案，執行 ./nginx 命令啟動 nginx 即可

4. 開啟瀏覽器，輸入 IP ：埠 訪問，若出現 下圖所示，即為安裝成功。

注：若啟動 nginx 時報錯： nginx: [emerg] bind() to 0.0.0.0:80 failed (13: Permission denied)；則是因為 nginx 的預設埠為 80，需要 管理員許可權，可進入nginx的配置檔案（一般在 安裝目錄下的 conf 目錄中，nginx.conf 檔案），修改 埠為 8080（大於 1024 即可）

二、上傳前臺工程至伺服器

1. 首先在本地 使用 npm run build 命令將前臺工程打包編譯成 dist 資料夾

2. 在本地將 dist 資料夾 打成 tar 包

3. 上傳至 伺服器的 前臺工程目錄下（可使用 rz -be 命令）

4. 使用 tar -xvf dist.tar（tar包名稱） 解壓 前臺的 tar 包至 該目錄下，會生成一個 dist 資料夾，裡面就是編譯好的 前臺工程

5. 配置 nginx 配置檔案（nginx 安裝目錄下的 conf 目錄中，nginx.conf 檔案）

   server {
           listen       8080;
           server_name  localhost;
   
           #charset koi8-r;
   
           #access_log  logs/host.access.log  main;
   
           location /{
       		# root 配置 前臺的 index.html 檔案的目錄地址
   			root /home/sale/saleWeb/dictWeb/dist; 
       		# 配合 下面 location @router 配置，解決缺少頁面時訪問報錯的問題
   			try_files $uri $uri/ @router;
   		}
   		location @router{
   			rewrite ^.*$ /index.html last;
   		}
   }
    
   

6. 配置完成後，進入 nginx 的安裝目錄，進入 sbin 資料夾，重啟 nginx 即可（ nignx -s reload ）

7. 開啟瀏覽器，輸入 IP ：埠 訪問，即可 看到 前臺工程的首頁 （或 其他預設開啟頁面）