【服务器部署】②前端项目部署上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的端口号前，需要确认自己服务器对应端口号是否允许被访问，否则将无法访问。（即腾讯云服务器->安全组->新建安全组或查看安全组规则），具体查看“安全组应用案例”。