用 Nginx 托管静态网站,并且希望能快速配置域名 → 本地端口,这样访问 my.test 就能对应本地的 127.0.0.1:xxxx

最简流程(在 macOS 上操作):


1. 安装 Nginx

brew install nginx

安装后路径:

  • 配置文件:/opt/homebrew/etc/nginx/nginx.conf(M1/M2 芯片)

  • 默认网页目录:/opt/homebrew/var/www

  • 默认监听端口:8080(可修改nginx中监听端口为80,然后重载配置


2. 配置 Hosts

macOS 上要让自定义域名(比如 sky.test)解析到本机:

编辑 /etc/hosts

sudo nano /etc/hosts

加入一行:

127.0.0.1   sky.test www.sky.test

保存后你就能在浏览器访问 http://sky.test:端口


3. 配置 Nginx 虚拟主机

/opt/homebrew/etc/nginx/servers/ 目录下新建配置文件(比如 sky.test.conf):

server {
    listen 80;
    server_name sky.test www.sky.test;
 
    root /Users/你的用户名/Projects/mysite;  # 你的网站目录
    index index.html;
 
    location / {
        try_files $uri $uri/ =404;
    }
}

4. 启动 / 重启 Nginx

brew services restart nginx

然后直接访问:
👉 http://sky.test


5. (可选)多个域名 → 不同端口

比如你要把 blog.test 指向本地端口 3000(比如前端 dev server):

server {
    listen 80;
    server_name blog.test;
 
    location / {
        proxy_pass http://127.0.0.1:3000;
    }
}

这样 http://blog.test 会自动转发到本地 3000 端口。

nginx命令

重载配置

sudo nginx -s reload