React CRA：在本地主机上添加子域时，它说：开发服务器已断开连接

Question

我在一个没有弹出的 create-react-app 项目中。 我想在 localhost 或假主机上拥有子域以进行开发。 当我在 windows 主机文件中添加我的主机时，它说无效主机 header 即使我添加HOST=mydevhost.com .env DANGEROUSLY_DISABLE_HOST_CHECK=true 。 如果不使用第三方应用程序，我无法让它工作，所以我使用了 Fiddler，现在网站出现了，它按预期工作，但立即说：

开发服务器已断开连接。 如有必要，刷新页面。

问题是快速刷新现在不起作用，每次进行更改时我都必须刷新站点。 我在这里做错了什么吗？ 我什至应该在这里使用像 Fiddler 这样的东西吗？

Answer 1

我最终使用react-app-rewired并在config-overrides.js中将子域添加到允许的主机。 最终配置如下所示：

module.exports = {
  webpack: (config, env) => {
    return config;
  },
  devServer: (configFunction) => (proxy, allowedHost) => {
    const devServerConfig = configFunction(proxy, allowedHost);

    devServerConfig.allowedHosts = ["subdomain.localhost"];
    return devServerConfig;
  },
};

Answer 2

我认为您可以从您的操作系统将您的本地域指向您的反应服务器，这意味着可以创建一个指向应用程序服务器（主机：端口）的本地域。

这是一个可能有帮助的指南： https://www.interserver.net/tips/kb/local-domain-names-ubuntu/

相关答案： 如何在 url 中使用域名而不是 'localhost:3000' 和 create-react-app 进行本地开发？