macOS本地配置Nginx Server Blocks无法通过域名访问Nuxt应用

• 确认hosts文件正确性
  macOS系统默认hosts路径是/etc/hosts，不是自行创建的其他文件。打开该文件确保包含127.0.0.1 example1256.com，修改后执行sudo dscacheutil -flushcache刷新DNS缓存，避免系统读取旧配置。

• 检查Nginx配置有效性

  1. 确保nginx.conf中已引入自定义server块配置（比如include /usr/local/etc/nginx/servers/*.conf;这类指令），否则你的域名配置不会被加载。
  2. 你的server块必须正确反向代理到Nuxt服务，参考配置：

     server {
         listen 80;
         server_name example1256.com;
     
         location / {
             proxy_pass http://127.0.0.1:8080;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_set_header X-Forwarded-Proto $scheme;
         }
     }
     

  3. 执行sudo nginx -t验证配置语法，有错误会直接提示问题位置；配置无误后执行sudo nginx -s reload重启Nginx。

• 端口与访问方式验证

  • 用sudo lsof -i :80检查80端口是否被Nginx占用，若被其他程序占用需停止对应进程或修改Nginx监听端口。
  • 访问时直接输入http://example1256.com，不要加:8080，Nginx会自动把请求转发到Nuxt服务的8080端口。

• 排除浏览器缓存干扰
  打开Chrome隐私模式访问域名，或清除浏览器缓存后重试，避免旧缓存导致的异常页面。

内容的提问来源于stack exchange，提问作者sinwon