针对react本地android的ICANN名称冲突

Question

我有一个带有ios和android版本的本机应用程序。这两个版本都使用webview访问网站。ios版本在指向生产网站或本地开发版本时工作。网站使用ruby on rails，开发服务器为pow。

当我运行android应用程序时，它会加载，但是当它试图访问网站的本地版本时，它会返回以下错误：

console.error: "Encountered an error loading page", {"canGoForward":false,"code":-2,"canGoBack":false,"description":"net::ERR_ICANN_NAME_COLLISION","loading":false,"title":"","url":"http://my_app.dev/,"target":69}

如果我使用localhost而不是my_app.dev，也会发生同样的情况。但是，当指向外部产品url (即my_app.com )时，它确实可以工作。

我试过使用不同的安卓设备，错误更改为ERR_CONNECTION_REFUSED。第一个设备使用android浏览器，而第二个设备看起来使用铬。因此，这确实是浏览器特有的问题。阅读此link后，我使用nslookup my_app.dev计算出ip地址为127.0.53.53，并输入

127.0.53.53  my_app.dev

进入/私有/etc/host文件。然而，这仍然会产生相同的错误。我该怎么解决这个问题？

Answer 1

解决这个问题的方法是找出开发机器的ip地址，比如192.168.0.33，将服务器配置为允许在my_app.192.168.0.33.xip.io上进行外部访问，然后在react应用程序中将主机url配置为http://my_app.192.168.0.33.xip.io。然而，这意味着在特殊模式下运行服务器，所以最好能找到这个问题的直接答案。