Nginx同一个域名部署多个前端项目

125 阅读 0 评论 83 点赞

我是靠谱客的博主默默冬瓜，这篇文章主要介绍Nginx同一个域名部署多个前端项目，现在分享给大家，希望可以做个参考。

背景

最近致力于微信网页开发，发现有很多设置项，设置则设置罢了，还有限制。如下图，业务域名限制3个，JS接口安全域名限制5个。
公众号功能设置

业务域名设置

JS接口安全域名设置

如果一个项目一个域名再加上正式测试这些环境，那完全的不够用啊。所以需要使用一个域名来搞定多个前端项目。接入方案如下。

解决方案

  server {
       listen       80;
       server_name  www.xxx.com;
       ## 第一个项目
       location / {
           root   /app/h5-tfhzt;
           index  index.html index.htm;
       }

       ## 第二个项目
       location /wipe {
           alias   /app/wipe;
           index  index.html index.htm;
           try_files $uri $uri/ /wipe/index.html last;
       }


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