localhost:3000 在浏览器中不起作用

Posted 2023-04-14

【中文标题】localhost:3000 在浏览器中不起作用

【英文标题】：localhost:3000 is not working in the browser

【发布时间】：2021-04-02 19:46:21

【问题描述】：

后端：Express 服务器，带有 npx create-express-api 后端

前端：Next.js，带有 npx create-react-app 前端

我已经在我的根文件夹中实现了这些命令，并尝试运行 npm start xxx 来检查它们是否仍在工作。但他们不在我的 http://localhost:3000 中工作 尽管他们正在此链接中工作http://172.27.178.192:3000（在我的网络上） This is the image showing the problem

我已经更换了浏览器，但仍然出现同样的问题。在浏览器上它说 无法连接 Firefox 无法与 localhost:3000 的服务器建立连接。

【问题讨论】：

您是否检查过它是否适用于其他浏览器（如 Chrome）？

是的，我也试过 chrome。 chrome也是这样

也许您在hosts 文件中有一些条目破坏了通常的行为

这是在虚拟机中运行还是直接运行？如果在虚拟机中localhost 只能在本机内工作。

@HassanMahmud，这里是关于主机文件的： - Window C:\Windows\System32\drivers\etc\hosts - Linux /etc/hosts

【参考方案1】：

我认为其他一些应用程序占用了您的 3000 端口。尝试找出哪个是。如果你找到了那就关闭再试一次。

例如你想释放 3000 端口然后，按照这些命令。

netstat -ano taskkill /f /im [上一条命令得到的3000端口的PID]

How to close TCP and UDP ports via windows command line

【参考方案2】：

How to close TCP and UDP ports via windows command line 网络统计-ano | findstr :8080

然后pid会出现在你可以用taskkill杀死的rigth。

pid的最后一个数字。

然后：

taskkill/pid 11704 /F

【讨论】：

使用哪个代码编辑器或IDE？我对 Visual Studio 代码的经验有时会卡住。我搜索问题但没有找到。重新安装后一切正常。

我认为它尝试重新安装。然而，我发现没有找到正确路径的文件，因为在幕后 Visual Studio 代码破坏了这个文件引用（文件重命名后）

感谢您的消息。重装试了一下。没用。我不知道，只是如果某个地方有任何问题，我什至找不到它。作为新手有点令人沮丧（•‿•）