Local

2024年08月07日

柏拉文

越努力，越幸运

方式一、通过 Host 、Nginx

---

说明

构建本地多域名系统:

• 主页: test.com
• 子系统A: a.test.com
• 子系统B: b.test.com
• 子系统C: c.test.com

1. 本地Host配置如下:

   备注: 这里使用SwitchHosts配置Hosts

   127.0.0.1 test.com
   127.0.0.1 a.test.com
   127.0.0.1 b.test.com
   127.0.0.1 c.test.com

2. Nginx 配置如下:

   server {
           listen 80;
           server_name test.com;
           location / {
           root /Users/zhangwenqiang/bolawen/nginx;
               index index.html;
           }
           include local.server.proxy.nginx.conf;
   }
   server {
           listen 80;
           server_name a.test.com;
           location / {
           root /Users/zhangwenqiang/bolawen/nginx;
               index a.html;
           }
           include local.server.proxy.nginx.conf;
   }
   server {
           listen 80;
           server_name b.test.com;
           location / {
           root /Users/zhangwenqiang/bolawen/nginx;
               index b.html;
           }
           include local.server.proxy.nginx.conf;
   }
   server {
           listen 80;
           server_name c.test.com;
           location / {
           root /Users/zhangwenqiang/bolawen/nginx;
               index c.html;
           }
           include local.server.proxy.nginx.conf;
   }

3. 本地多域名系统构建完毕,输入地址即可访问

方式二、通过 Host 、Koa 服务

---

1. 修改本机 hosts 文件

127.0.0.1 a.bolawen.com
127.0.0.1 b.bolawen.com

此时，浏览器访问 a.bolawen.com 或者 b.bolawen.com 都是跟访问localhost 一样的效果

2. 编写本地 Koa 服务

const Koa = require("koa");
const Path = require("path");
const Static = require("koa-static");

const app = new Koa();
app.use(Static(Path.resolve(__dirname,'./')));

app.listen(3000,function(){
    console.log("a 页面服务启动成功！");
});

这时候a.bolawen.com:3000、b.bolawen.com:3000 都相当于localhost:3000 ，可以调试一些关于多级域名的知识点。