从 VirtualBox 访问时 Webpack-Dev-Server 抛出错误答案

【问题标题】：Webpack-Dev-Server Throwing Error when Accessed from VirtualBox从 VirtualBox 访问时 Webpack-Dev-Server 抛出错误
【发布时间】：2016-09-07 13:43:21
【问题描述】：

我正在尝试在我的 Mac 中使用 VirtualBox 测试我的网站对 Internet Explorer 11 的兼容性。我使用 Webpack-Dev-Server 运行本地服务器。

当我通过http://10.0.2.2:8080 访问网页时，网站加载正常；但是检查面板不断地抛出这个错误：

SCRIPT7002: XMLHttpRequest: Network Error 0x2efd, Could not complete the operation due to error 00002efd. 

[WDS] Disconnected!

任何线索如何解决这个错误？谢谢！

【问题讨论】：

标签： internet-explorer virtual-machine virtualbox webpack-dev-server

【解决方案1】：

可能有很多原因，一个可能是前端路径：

在我的设置中，webpack 服务器代理到位于 localhost:8000 的 Symfony 服务器。在前端，我在配置变量中有该路径：

var configuration = {
    apiPath: 'http://localhost:8000/api/v1/'
}

这导致请求进入 VirtualBox 中的 localhost:8000。我将其更改为具有 VirtualBox localhost 桥接路径：

var configuration = {
    apiPath: 'http://10.0.2.2:8000/api/v1/'
}

通过该更改，我的应用程序可以在 VirtualBox 中运行。

【讨论】：

传奇！我将我的 webpack 配置 'publicPath' 设置为 IIS 'localhost:4000'，但是当我在 VirtualBox 中访问它时，它是通过 'localhost.fiddler:4000' url。使用 'fiddler' url 更新 webpack 配置解决了我的问题。

【解决方案2】：

您需要在 hosts 文件中将 localhost 设置为 10.0.2.2。 This answer 显示如何。

【讨论】：