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

1.问题背景

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

2.问题分析

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

3.解决方法

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

相关推荐
互联网搬砖老肖2 小时前
React的单向数据绑定
前端·javascript·react.js
NoneCoder2 小时前
React 生命周期与 Hook 理解解析
前端·react.js·面试
盛夏绽放2 小时前
Python常用高阶函数全面解析:通俗易懂的指南
前端·windows·python
深空数字孪生3 小时前
前端性能优化:如何让网页加载更快?
前端·性能优化
阿乐今天敲代码没3 小时前
echarts实现项目进度甘特图
前端·echarts·甘特图
john_Asura4 小时前
Vue 前端全方位性能优化指南
前端·vue.js·性能优化
日晞5 小时前
深浅拷贝?
开发语言·前端·javascript
沐土Arvin6 小时前
性能优化关键:link、script和meta的正确打开方式
开发语言·前端·javascript·设计模式·性能优化·html
叶九灵不灵6 小时前
node入门:安装和npm使用
前端·npm·node.js
ytttr8736 小时前
基于matlab版本的三维直流电法反演算法
linux·前端·matlab