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

1.问题背景

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

2.问题分析

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

3.解决方法

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

相关推荐
mapbar_front12 分钟前
面试问题—上家公司的离职原因
前端·面试
昔人'1 小时前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css
昔人'1 小时前
css `dorp-shadow`
前端·css
流***陌1 小时前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序
烛阴2 小时前
用 Python 揭秘 IP 地址背后的地理位置和信息
前端·python
前端开发爱好者2 小时前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
why技术2 小时前
从18w到1600w播放量,我的一点思考。
java·前端·后端
欧阳呀2 小时前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ2 小时前
css总结
前端
天***88963 小时前
js封装一个双精度算法实现
开发语言·前端·javascript