Question

我在连接到可在任何地方运行的webpack开发服务器时遇到问题。我的webpack.config.js中包含以下内容：

devServer: {
// "disableHostCheck" added due to issue: https://github.com/webpack/webpack-dev-server/issues/1604
// Fix should be done with: https://github.com/webpack/webpack-dev-server/pull/1608
disableHostCheck: true,
headers: {
  'Access-Control-Allow-Origin': '*'
},
host: '0.0.0.0',
allowedHosts: [
  '.codeanyapp.com'
],
public: 'port-4200.<container-address>.codeanyapp.com'

}

这些是开发服务器的启动参数：

--https --port 4200

我使用以下两个URL都没有成功：

http://port-4200.<container-address>.codeanyapp.com/
https://port-4200.<container-address>.codeanyapp.com/

有什么想法下一步可以尝试吗？

编辑：看起来像一个https问题，我可以使服务器通过http进行通信。知道正确的openssl参数是什么才能生成可在chrome中使用的自签名证书吗？

Answer 1

我有同样的问题。对我来说，解决此问题的方法是在webpack.config.js中设置devServer属性，如下所示：

devServer: {
  host:'0.0.0.0',
  port: 4200,
  contentBase: path.join(__dirname, [your path]),
  watchContentBase: true,
  compress: true,
  disableHostCheck: true
}

我如何连接到在Codeanywhere中运行的Webpack开发服务器

1 个答案: