不知道为什么，但我尝试了所有的方法，对我来说都不奏效。 最后对我有用的是: Ngrok HTTP https://localhost:4200 -host-header="localhost:4200"

它可能对某人有用

选项1

如果你不需要使用身份验证，你可以在ngrok命令中添加配置

Ngrok HTTP 9000——host-header=重写

or

ngrok有9000 -- -- -- localhost = - 9000

但在这种情况下，身份验证将无法在您的网站上工作，因为ngrok重写头和会话对您的ngrok域无效

选项2

如果你正在使用webpack，你可以添加以下配置

devServer: {
    disableHostCheck: true
}

在这种情况下，身份验证头将对您的ngrok域有效

Windows, ngrok v3

ngrok http <url> --host-header=<host>:<port>

如果你使用webpack devServer，最简单的方法是设置disableHostCheck，检查webpack doc像这样

devServer: {
    contentBase: path.join(__dirname, './dist'),
    compress: true,
    host: 'localhost',
    // host: '0.0.0.0',
    port: 8080,
    disableHostCheck: true //for ngrok
},

我遇到过类似的问题，找到了两种解决方案，只要直接在浏览器中查看应用程序就可以了

ngrok http 8080 --host-header="localhost:8080"
ngrok http --host-header=rewrite 8080

显然，将8080替换为您正在运行的任何端口

当我在一个嵌入式页面中使用这个时，这个解决方案仍然会引发一个错误，从react应用程序中拉bundle.js。我认为，因为它在嵌入时重写了头文件到localhost，它正在寻找localhost，应用程序不再运行

不知道为什么，但我尝试了所有的方法，对我来说都不奏效。 最后对我有用的是: Ngrok HTTP https://localhost:4200 -host-header="localhost:4200"

它可能对某人有用