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

1.问题背景

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

2.问题分析

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

3.解决方法

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

相关推荐
我不吃饼干6 小时前
在 React 中实现倒计时功能会有什么坑
前端·react.js
小小小小宇6 小时前
前端PerformanceObserver
前端
王者鳜錸6 小时前
PYTHON从入门到实践-18Django从零开始构建Web应用
前端·python·sqlite
拾光拾趣录6 小时前
ES6到HTTPS全链路连环拷问,99%人第3题就翻车?
前端·面试
haaaaaaarry7 小时前
Element Plus常见基础组件(二)
开发语言·前端·javascript
xyphf_和派孔明7 小时前
关于echarts的性能优化考虑
前端·性能优化·echarts
PyHaVolask8 小时前
HTML 表单进阶:用户体验优化与实战应用
前端·javascript·html·用户体验
A了LONE8 小时前
cv弹窗,退款确认弹窗
java·服务器·前端
AntBlack8 小时前
闲谈 :AI 生成视频哪家强 ,掘友们有没有推荐的工具?
前端·后端·aigc
花菜会噎住9 小时前
Vue3核心语法进阶(computed与监听)
前端·javascript·vue.js