node.js - Webpack 可在自定义域上本地运行，而不会出现套接字问题

Question

我的设置:

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

由于 Yahoo oAuth2 API 不允许在其 URL 回调中使用 localhost:**** 或 127.0.0.1:**** link .

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

好吧，如果我使用简单的 Node.js 服务器，这个设置就可以正常工作:

1. 按登录按钮访问 yahoo (/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) { ...