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

1.问题背景

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

2.问题分析

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

3.解决方法

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

相关推荐
栀椩4 分钟前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
asaotomo10 分钟前
截图识题、AI 讲解、笔记沉淀:Chrome 扩展体验
前端·chrome·笔记
前端架构师-老李12 分钟前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
SEO_juper13 分钟前
Chrome 扩展一键查看当前页面 SEO 信息:不用切页面,点一下全出来
前端·javascript·chrome
Nymph_Zhu19 分钟前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
echome88826 分钟前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
计算机魔术师32 分钟前
科技巨头砸7400亿押注AI,为什么苹果成了唯一赢家?
前端
QianhangQianping42 分钟前
撤销重做不是「存快照」:一个可视化编辑器的Operation 设计
java·前端·数据库·typescript·编辑器·前端架构·撤销重做
Nymph_Zhu1 小时前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
计算机魔术师2 小时前
Google 一天蒸发5000亿,Reddit 靠 AI 训练喂得饱自己却饿死
前端