用 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