通过nginx+vue实现在一台服务器上搭建多个不同域名的网站

前提环境：

  阿里云Ubuntu16.04
  nginx1.10.3

步骤：

  1.进入/etc/nginx/conf.d目录

  2.创建demo1.conf文件并写入以下内容,红字部分自行修改

  server {
    #keepalive_requests 120; #单连接请求上限次数。
    listen       80;   #监听端口
    server_name  masaog.icu;         #监听地址，要绑定的域名
    location  ~*^.+$ {               #请求的url过滤，正则匹配，~为区分大小写，~*为不区分大小写。
        root   /home/vuetest/dist;   #前端根目录
        #index vv.txt;               #设置默认页
        #proxy_pass  http://mysvr;   #请求转向mysvr 定义的服务器列表
        #deny 127.0.0.1;             #拒绝的ip
        #allow 172.18.5.54;          #允许的ip
    } 
}

  3.按上述方法依次创建demo2.conf,demo3.conf...文件，分别绑定不同域名

  4.返回上一级目录/etc/nginx，并打开nginx.conf文件

  5.确认nginx.conf文件中包含以下内容

    ##
    # Virtual Host Configs
    ##

    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;

6. 重启nginx
  systemctl restart nginx

7. 绑定域名

我用的是腾讯域名，把两个域名都解析到阿里云主机IP地址就可以了

8.测试，看效果
网站1

网站2

网站3

以上