背景

今天做私单遇到一个很棘手的问题，甲方购买的是阿里云虚拟主机，众所周知虚拟主机虽然能绑定多个域名，但是只能指定一个根目录，也就是所有域名的访问都是指向到根目录。

一共是开发了PC端、WAP端、管理端三个段，都要部署上去，用的vue-cli开发，路由是 domain/page 形式的 （非domain/#/pages），这对虚拟主机的支持非常不好，因为除了PC端，其他端都只能放二级目录中，这样的话就只能通过二级域名，利用nginx代理到二级目录

于是在各种搜索引擎的强力加持下，结合自己的理解，尝试了几个小时终于成功了，直接放配置

location / {
    if ($host = "wap.xxx.cn") {
        rewrite ^/(.*)$ /wap/$1 last;
    }

    if ($host = "admin.xxx.cn") {
        rewrite ^/(.*)$ /admin/$1 last;
    }

    if (!-e $request_filename) {
        rewrite ^/(.*)$  /index.php/$1  last;
    }
}

location /wap {
    if (!-e $request_filename) {
        rewrite ^/(.*)$  /wap/index.php  last;
        break;
    }
}

location /admin {
    if (!-e $request_filename) {
        rewrite ^/(.*)$  /admin/index.php  last;
        break;
    }
}

划重点：不知道为什么这样设置后，index index.html index.php 不起作用了，它只找index.php，否则404，所以我就吧index.html 改名为 index.php

剖析

首先是二级域名代理到二级目录

    if ($host = "admin.xxx.cn") {
        rewrite ^/(.*)$ /admin/$1 last;
    }

避坑：如果只写这个，会重写死循环，需要把last改为break

当写好上面的代理后，能正常访问静态文件，但是由于我们的前端是 domain/pages 这种格式的，刷新页面后直接访问到/index.php，所以要在底下增加对应目录的重写配置