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

Question

我的设置：

通过代理使用 react-create-app 来使用服务器 API。 (Using create-react-app with a server)

由于 Yahoo oAuth2 API 不允许 localhost:**** 或 127.0.0.1:**** 在其 URL 回调link。

我必须首先创建一个 Nginx 代理来将 localhost:3000 发送到端口 80，然后我将 localhost 重新路由到 -> mywebsite.dev

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

1. 按登录按钮进入雅虎 (/auth)
2. 在服务器上进行身份验证并发送到回调 URL (mywebsite.dev/callback)
3. 同意 yahoo 条件后，我被重新路由到 /callback，我可以正常使用 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 时指定主机

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

或者你可以听

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