React应用绑定GoDaddy域名后URL不变化，如何解决类内存路由问题？

• 核心问题大概率是GoDaddy的域名转发设置导致：如果你的域名用了GoDaddy的「隐蔽转发/框架转发」，页面会被嵌入到iframe中运行，React的BrowserRouter无法操作父窗口的URL，表现出类似MemoryRouter的行为。

解决步骤： #

1. 修改GoDaddy DNS解析类型
   登录GoDaddy域名管理后台，进入DNS设置：

   • 删除所有类型为「转发（Forwarding）」的记录
   • 添加A记录：
     • 主机记录：填subdomain（对应你的subdomain.domain.com）
     • 指向值：填写你的AWS EC2公网IP
     • TTL：选择默认或较短时长（比如5分钟，加快解析生效）

2. 验证Nginx配置（可选优化）
   虽然IP访问正常，但可以补充配置避免路由刷新404问题，同时确保域名请求正确传递：
   修改Nginx的location块如下：

   location / {
       proxy_pass http://react;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header Host $host;
       proxy_redirect off;
       # 处理React单页应用路由刷新404
       try_files $uri $uri/ /index.html;
   }
   

   修改后重启Nginx：sudo systemctl restart nginx

3. 清除本地DNS缓存
   域名解析修改后，本地可能缓存旧记录，执行以下命令刷新：

   • Windows：ipconfig /flushdns
   • Mac：sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder

等待DNS解析生效（通常5-10分钟）后，再次测试页面跳转，URL应该能正常更新。

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