一个客户用的是阿里云虚拟主机,想把二级域名绑定到二级目录访问,众所周知虚拟主机虽然能绑定多个域名,但是只能指定一个根目录,也就是所有域名的访问都是指向到根目录。
一共是开发了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,所以要在底下增加对应目录的重写配置。