Webpack在自定义域上本地运行而没有套接字问题

Question

我的设置：

使用代理使用react-create-app来使用服务器API。 （Using create-react-app with a server）

由于Yahoo oAuth2 API在其网址回调link中不允许使用localhost：****或127.0.0.1:****。

因为我必须首先创建一个Nginx代理，将localhost：3000发送到端口80然后我将localhost重新路由到 - ＆gt; mywebsite.dev

好吧，如果我使用的是一个简单的node.js服务器，这个设置可以正常工作：

1. 按登录按钮进入雅虎（/ auth）
2. 在服务器上进行身份验证并发送到回调URL（mywebsite.dev/callback）
3. 在同意雅虎条件后，我被转发到/回调，我可以正常使用API​​

但是当使用create-react-app设置时，我遇到了问题。

A）启动服务器时一切正常，我去mywebsite.dev然后我得到了这个： 我收到webpack-dev-server试图收听localhost：****的错误，因为url是mywebsite.dev它给出了这个问题，我无法修复它！

所以问题是如何让Webpack知道我的本地服务器在mywebsite.dev而不是localhost：****？

相关：link 1 - simular issue，link 2 - node.js custom domain name

Answer 1

您可以在运行网络包时指定主机

webpack-dev-server --port 3000 --hot --host mywebsite.dev

或者你可以听

 var server = new WebpackDevServer(webpack(webpackConfig), {
    ...
  });
  server.listen(port, "mywebsite.dev", function(err) { ...