无法从Web应用程序连接到localhost：3000

Question

我正在处理一些样板代码，以使VueJS前端与Go供电的后端一起工作（使用gorilla/mux作为路由器）：

目前，我似乎大部分都在工作。 我正在通过Go提供一个静态HTML文件，并使用与Webpack捆绑在一起的Vue东西（目前是webpack-dev-server，而不是物理捆绑包）来呈现Vue的东西，但是我遇到了一个奇怪的问题：

在我的浏览器中，Firefox不断告诉我以下内容：

Firefox can't establish a connection to the server at http://localhost:3000/__webpack_hmr.

但是，当我更改Vue组件并保存它们时，它们会像我期望的那样在浏览器中自动刷新。 我真的很困惑，我想，我不知道为什么会这样。

我尝试更改Go服务器运行的端口，但它似乎总是无法通过http://localhost:<Go Server Port>/__webpack_hmr 。

有什么想法吗？ 也许我缺少一个步骤，或者设置比我想象的要复杂。

我是否需要运行Express服务器并使用基于Webpack的中间件来解决此错误？ 如果是这样，如果我在后端使用Go，那听起来很愚蠢（为什么要运行两台服务器？）。 难道我做错了什么？

至于Go方面，我曾尝试在不同的端口上运行Go服务器，并在不同的端口上运行webpack服务器，但它始终无法通过http://localhost:<Go Server Port>/__webpack_hmr 。

也许设置起来比我想象的要复杂，或者因为它似乎正在“起作用”，所以我可以放心地忽略此错误？ 我不知道。

Answer 1

从您的webpack配置和代码库中的所有引用中删除'webpack-hot-middleware/client' 。 这仅用于热重装，因此可以安全删除。

由于需要热重装，因此应使用： https : //github.com/go-webpack/webpack

该模块允许与webpack正确集成，并支持在开发中重新加载正确的资产，并为生产缓存提供资产哈希。

但是，它们仅显示使用Gin和Iris示例，因此对于纯基于net/http的示例，您可能需要向它们打开一个问题（假设这就是您所使用的）。

Answer 2

如果我正确理解您的问题。 您的客户端和服务器使用不同的端口，如果是这种情况，则您正在使用CORS（跨原始资源共享）请求与客户端-服务器进行通信。 请参阅以下链接，希望它能帮助您解决CORS问题（对我有很大帮助）

• https://github.com/gorilla/handlers
• https://github.com/rs/cors