本地环境下 前端突然端口占用问题 针对vscode

1.问题背景

本地运行前端代码,虚拟机中使用nginx反向代理。两者都使用vscode进行开发。后端使用vscode远程连接。在前端发起一次接口请求后,后端会产生新的监听端口,出现如下图的提示情况。随后前端刷新,甚至无法正常显示界面。

2.问题分析

这是vscode针对远程连接开发部分的默认功能,在使用了remote时,vscode会自动检测到远程端口被监听,反向代理给了本地的3000端口,而前端也运行在本地3000端口位置。导致端口占用,无法正常使用。

3.解决方法

打开vscode设置(ctrl + ,),输入remote autoForwardPorts,然后将默认的勾选取消,即可解决问题。该操作是禁用vscode自动监听转发端口。

相关推荐
漫长的~以后3 分钟前
Edge TPU LiteRT V2拆解:1GB内存设备也能流畅跑AI的底层逻辑
前端·人工智能·edge
小福气_8 分钟前
自定义组件 vue3+elementPlus
前端·javascript·vue.js
piaoroumi11 分钟前
UVC调试
linux·运维·前端
前端不太难22 分钟前
RN 调试效率低,一点小改动就需要重新构建?解决手册(实战 / 脚本 / Demo)
前端·react native·重构
是谁眉眼24 分钟前
vue环境变量
前端·javascript·vue.js
3秒一个大25 分钟前
JSX 基本语法与 React 组件化思想
前端·react.js
鹏北海-RemHusband25 分钟前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·javascript·vue.js
用户66006766853926 分钟前
斐波那契数列:从递归到缓存优化的极致拆解
前端·javascript·算法
海上彼尚29 分钟前
vite+vue3 ssg预渲染方案
前端·javascript·vue.js
初辰ge32 分钟前
做后台系统别再只会单体架构了,微前端才是更优解
前端·架构