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

Question

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

The development server has disconnected. Refresh the page if necessary.

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

Answer 1

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

以下指南可能会有所帮助： https://www.interserver.net/tips/kb/local-domain-names-ubuntu/

相关回答: How can I develop locally using a domain name instead of 'localhost:3000' in the url with create-react-app?

Answer 2

我最终使用了 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;
  },
};

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

React CRA: When adding subdomain on localhost it says: The development server has disconnected

subdomain

fiddler

reactjs

create-react-app