【伺服器部署】②前端項目部署上nginx伺服器（騰訊雲+寶塔面闆）（通過域名通路）

說明：通過域名通路所部署項目，

前提：有域名且已備案，否則無法“通路”。

域名解析

1. 進入（騰訊雲）域名管理，點選解析域名。
2. 根據提示添加記錄，以解析三級域名（blog.pmcee.xyz，預設端口号為80）為例，如下圖

   

3. 此時通路blog.pmcee.xyz，由于沒有配置nginx，會出現如下界面。

   

4. 此時對nginx進行配置，具體可參考nginx部署配置，隻需将server的listen改為80，server_name改為對應域名blog.pmcee.xyz即可正常通路到root對應的html頁面，這部分根據具體情況進行修改。

添加多個子域名

若需添加多個二級域名的子域名（即三級域名），可進行如下操作

1. 找到nginx.conf檔案

   

2. ①可以直接在檔案中添加多一個server配置，例如：

server {
    listen       80;                            
    server_name  blog.pmcee.xyz;            //域名
 
    location / {
        root   /www/wwwroot/blog.pmcee.xyz;      //放html檔案的地方
        index  index.html;                      //首頁的名字
    }
 
    error_page   404.html;    
    location = 404.html {
        root   /www/wwwroot/blog.pmcee.xyz;
    }
}
           

②是可以在上圖中include對應的目錄下/www/server/panel/vhost/nginx/*.conf，建立一個conf檔案，例如blog.conf檔案，編輯該檔案如下：

3. 注意配置好server的listen和server_name與解析的域名對應，以及root配置為對應項目index.html位址。

4. 最後可以成功通路到項目的index.html頁面。

補充一：部署項目

• 要通過ip或域名通路到項目，可以直接将nginx配置檔案中server的root填寫為伺服器上項目html頁面所在目錄，即可直接通路成功。
• 為了更有條理的管理項目，通過寶塔（bt）将項目放到對應域名的目錄下進行管理和項目部署上線。如下：
  1. 登入寶塔面闆，在網站添加站點，填寫的域名為已解析域名，其他根據情況選擇填寫，如下：

     

  2. 此時會在上圖的目錄中添加blog.pmcee.xyz目錄，可将對應項目放在該目錄下，随後将nginx配置檔案中的root指向該目錄中的html檔案即可成功通路。
  3. 此後的站點都可以如下添加設定，将對應項目放在該站點目錄下，管理更友善。

補充二：伺服器端口号相關

在配置nginx的端口号前，需要确認自己伺服器對應端口号是否允許被通路，否則将無法通路。（即騰訊雲伺服器->安全組->建立安全組或檢視安全組規則），具體檢視“安全組應用案例”。