nginx解析多个网页

原本我的服务器上的nginx上已经部署了一个html文件里，但是我又需要再部署一个，在网上找了几个文章都看不太明白，就自己写了这个。

在使用nginx部署html文件或者是vue打包文件时，直接在conf下的nginx.conf里，在原有的解析下再加一个即可

配置文件位置 

server {
        listen       6061;
        server_name  localhost;
        # 指定前端项目所在的位置
        location / {
            root   html/hmdp;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }


        location /api {  
            default_type  application/json;
            #internal;  
            keepalive_timeout   30s;  
            keepalive_requests  1000;  
            #支持keep-alive  
            proxy_http_version 1.1;  
            rewrite /api(/.*) $1 break;  
            proxy_pass_request_headers on;
            #more_clear_input_headers Accept-Encoding;  
            proxy_next_upstream error timeout;  
            proxy_pass http://127.0.0.1:6001;
            #proxy_pass http://backend;
        }
    }

 上面就是nginx的配置文件中原本的解析文件，直接复制粘贴，但是需要改动一些东西：

一，将文件导入nginx 

以宝塔页面为例

 首先将文件导入html文件夹中，可以在文件夹中单独创建一个文件夹，vue文件同理。

二，修改conf配置

（1）listen 是配置这个网页文件启动的端口，注意使用空闲端口，否则启动不了。

（2）server_name用来指定IP地址或者域名，多个域名之间用空格分开 ，这个随意。

（3）location /代表访问根目录，但这个根目录与Linux中的根目录意义不同，他单纯代表nginx的安装目录。

（4）root代表你要访问的文件的位置，就是你上一步添加到文件的位置，精确到你定义的文件夹名。

（5）index代表首页位置。这个第一个写首页名，后面可以不变

三，保存配置重启

完成后就可以使nginx解析复数网页文件里。