[前端]前端项目,重启项目端口号改变的问题

前端项目在重启时端口号发生变化,可能是由于端口占用或守护进程未正确关闭。解决方法包括检查端口占用情况,使用命令确认端口是否释放,并确保使用正确的方式停止项目。在Vue.js项目中,端口被占用时会自动加一寻找空闲端口。如果需要固定端口,可以使用特定工具。遵循这些步骤通常能恢复项目启动的初始端口号。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端项目会通过npm run serve 这个命令来启动项目, 但终止项目之后, 再重启会导致端口号发生改变.
环境配置:

配置
IDE WebStorm
操作系统 MacOS
前端框架 VUE2

排查问题

  1. 是否端口号被占用. 首先我们通过lsof -i: [端口号] 来查看当前端口是否被占用
    Example:
    lsof -i:8080
    运行结果
    如果端口号被占用kill -9 [pid] Example:kill -9 1729, 然后再次调用lsof -i:[端口号] 去查看是否这个端口已经被释放了. 以上操作结束之后再重启项目, 看看端口号是否变回你设置的初始端口号, 一般是 8080
  2. ctrl+cctrl+z. 在前端项目中, 一般在项目中的 terminal 来启动项目, 如图
    在这里插入图片描述
    为什么结束项目端口号还会被占用, 因为你用的是ctrl+z 而不是ctrl+c. 具体
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值