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

我的设置：

使用react-create-app使用代理来使用服务器API。 （ 使用create-react-app和服务器 ）

由于Yahoo oAuth2 API不允许在其URLcallback链接中使用localhost：****或127.0.0.1:****。

在那里，我必须先创build一个Nginx代理发送localhost：3000到端口80，然后我重新路由localhost到 – > mywebsite.dev

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

1. 按loginbutton到雅虎（/ auth）
2. 在服务器上进行身份validation并发送到callbackURL（mywebsite.dev/callback）
3. 在同意雅虎条件后，我得到重新路由到/callback，我可以使用API​​就好了

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

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

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

相关： 链接1 – 类似问题 ， 链接2 – node.js自定义域名

Answer 1

您可以在运行Web Pack时指定主机

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

或者你可以听

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