前端开发的端口使用
在未出现前后端分离的时候,我们似乎没有听说过前端端口。自前后端分离出现,react、vue等现代化框架的大量使用,我们才接触到前端端口,比如react的默认端口是3000,vue的默认端口是8080,react和vue构建的项目的启动方式都是基于node的,当启动项目的时候,其实就是在操作系统里启动了一个node服务。
端口被占用的解决办法
当我们使用react或者vue进行开发的时候,或多或少都会遇到端口被占用的情况,原因是我们启动项目的时候,就开启了一个node进程,这个node进程会占用一个端口,当我们没有把这个进程结束而再次启动项目的时候,就会出现类似于 **‘Port 5000 is already in use’**的错误,解决办法是先关掉占用端口的服务,再启动项目,具体步骤如下:
-
右击任务栏的Window键,打开任务管理器
-
选择性能,然后打开资源监视器
-
在资源监视器的网络一栏中查找占用了端口的进程ID,笔者这里被占用的端口是5000
由上图可知占用了端口5000的进程的ID是21492 -
根据查找到的进程ID去CPU一栏结束该进程的服务
右击上图的进程,点击结束进程即可,之后就可以正常启动项目了。