使用nginx代理前后端分离项目使得子域名指向特定前端项目

[lizhongzhen11]

如题，我做的 中国路灯制造网，大陆站是 .xyz 域名，结果百度收录和seo不理想，即使用了预渲染，依然找不到它。。。

主要是自己没经验，去相关论坛一问，大家一看 .xyz 直接喷垃圾域名，加上是vue单页应用，虽然做了预渲染，但是效果极差，建议换 .com 或 .cn 。。。

好吧，我国际站确实是 .cn 的，这时候我想，可不可以让 blingshow.cn 的某个子域名如：china.blingshow.cn 指向特定端口号，使得默认端口号展示 国际站，特定端口号展示 大陆站。

这也是看了中国制造网发现的，我知道这种肯定有办法，今晚不能拖了，强制自己去解决，结果花了快2个小时的样子（中途吃了个晚饭）。

是这样的，搜索二级域名指向特定端口号，有两种方法：

1. dns解析时，设置隐式url跳转，这种最简单，腾讯云配置下就好了，但是我域名没备案，面向境外的，所以弄不了，我也不想去备案，繁琐
2. nginx代理配置

我本来就是前后端分离项目，nginx首选，好了，踩坑了，我这个配置直接抄的以前冬哥配好的，我对nginx其实根本不懂，结果照着网上配了半天，一直是 404，我就纳闷了，好多博客写的大致都一样，他们能成功为何我不行？

这个问题困扰了我1个多小时，我仔细看了看，发现，卧槽，他们都是后台服务本身就占了某个端口号，然后nginx代理转向那个端口就行了！

而我是前后端分离的前端静态项目啊，本身就没占任何端口啊，我好像都不需要怎么该，只要把 server_name 改下就好了：

 server {
      listen       80;
      server_name  www.blingshow.cn;
      root         你的前端静态项目地址;

      location / {
          root 你的前端静态项目地址;
          try_files $uri $uri/ /index.html last;
          index index.html;
      }

      error_page 404 /404.html;
          location = /40x.html {
      }

      error_page 500 502 503 504 /50x.html;
          location = /50x.html {
      }
  }
  
  server {
      listen       80;
      server_name  china.blingshow.cn;
      root         你的前端静态项目地址;

      location / {
          root 你的前端静态项目地址;
          try_files $uri $uri/ /index.html last;
          index index.html;
      }

      error_page 404 /404.html;
          location = /40x.html {
      }

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

测试下，能正常访问了，我真日了狗。。。