如何配置Nginx同时支持localhost和自定义域名访问本地站点

• 本地基于Nginx搭建WordPress站点，绑定自定义域名mysite.local可正常访问
• 配置Google APIs时，mysite.local这类非合规顶级私有域名无法通过重定向URI校验，仅localhost被认可为合法本地回调地址，配置拦截报错如下：
  
• 目标需求：保留mysite.local访问能力的同时，让localhost的访问流量也能命中同一个本地WordPress站点，满足Google OAuth的回调要求
• 此前尝试通过.htaccess、/etc/hosts调整配置，未实现预期效果

1. 修改Nginx站点配置，绑定双域名 #

.htaccess是Apache服务的配置规则，Nginx不会加载解析，这也是之前配置无效的核心原因之一。
找到你的WordPress站点对应的Nginx配置文件（通常存放路径为/etc/nginx/sites-available/下对应站点的conf文件），修改server_name配置项，同时加入两个域名：

server {
    listen 80;
    listen [::]:80;
    # 同时绑定两个域名，确保两个域名的请求都会被当前站点接收
    server_name mysite.local localhost;

    # 以下原有配置（站点根目录、日志路径、PHP解析规则、静态资源缓存规则等）全部保持不变即可
    root /your/wordpress/root/path;
    index index.php index.html;

    # 原有location匹配、php-fpm解析配置无需改动
}

如果你的站点配置了HTTPS，找到对应443端口的server块，同样把localhost加到server_name列表中即可。

2. 调整WordPress配置，避免强制域名跳转 #

WordPress默认会在数据库中固化站点域名，访问非绑定域名时会自动301跳转到固化的域名，因此需要修改wp-config.php做动态域名适配：
打开WordPress根目录下的wp-config.php文件，在<?php起始标签后新增以下两行配置：

// 动态匹配当前访问域名，支持多域名访问不跳转
define('WP_SITEURL', (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https://' : 'http://') . $_SERVER['HTTP_HOST']);
define('WP_HOME', (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https://' : 'http://') . $_SERVER['HTTP_HOST']);

补充说明：/etc/hosts仅负责域名到IP地址的解析，默认localhost本来就指向127.0.0.1，不需要额外修改hosts文件；就算hosts配置正确，如果Nginx没有绑定对应域名接收请求，流量也会被转发到默认站点，无法命中目标WordPress，这是之前hosts配置无效的原因。

3. 重载Nginx配置生效 #

执行以下命令先校验配置语法，无误后重载服务：

# 校验Nginx配置是否存在语法错误
sudo nginx -t
# 校验通过后重载配置使其生效
sudo systemctl reload nginx

• 访问http://mysite.local：原有访问逻辑完全不受影响，站点功能正常
• 访问http://localhost：可正常打开同一个WordPress站点，不会自动跳转到mysite.local
  此时在Google API控制台将localhost对应路径配置为重定向URI即可正常通过校验，OAuth回调流程可以正常走通。

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