react应用程序中的“npm start”命令在浏览器上打开“nginx”欢迎页面

Question

运行“npm start”命令会在浏览器上显示“nginx”欢迎页面，而不是默认的“react app”启动页面。我最近开始练习使用docker，在那里我不得不运行“docker pull nginx”，我想这就是问题的根源，因为在我的react应用程序文件夹中运行“npm start”。在与docker合作之前，我没有这个问题。我希望能够在我的react应用程序文件夹中运行“npm start”，并让它在浏览器中显示我的react应用程序页面，而不是nginx服务器欢迎页面。

Answer 1

我猜您有一个docker容器正在运行，并且您已经将其配置为将机器上的端口映射到容器中的端口。如果是这种情况，您应该终止容器。下面是一个通过cmd在Windows上执行此操作的示例。exe：

C:\Users\HPierce>docker container ls
CONTAINER ID   IMAGE             COMMAND               CREATED       STATUS         PORTS                               NAMES
14a8bc9fc077   transcripts_web   "tail -f /dev/null"   11 days ago   Up 4 seconds   0.0.0.0:80->80/tcp, :::80->80/tcp   transcripts_web_1

C:\Users\HPierce>docker container kill 14a8bc9fc077
14a8bc9fc077

C:\Users\HPierce>docker container ls
CONTAINER ID   IMAGE     COMMAND   CREATED   STATUS    PORTS     NAMES

您可以看到，容器正在将主机的端口80映射到容器的端口80。

如果您没有运行任何容器，以下是一些您可以尝试的其他方法：

>

更改创建应用程序侦听的端口

检查Nginx是否安装在主机上，并将其删除或停止服务器运行。