解决npm run dev 版本高的随机端口问题

最新推荐文章于 2024-12-12 16:31:08 发布
转载 最新推荐文章于 2024-12-12 16:31:08 发布 · 745 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/alnorthword/article/details/99819166

本文解决了npm rundev中因portfinder版本过高导致的随机端口问题，通过将portfinder版本降至1.0.21，确保了端口稳定，避免了频繁变化带来的困扰。

解决npm run dev 版本高的随机端口问题，端口老是变

我们找到问题的根源，这个根源是什么呢？就是portfinder版本太高不兼容的问题，所以我们只需要portfinder降级就行啦，

npm i -D  portfinder@1.0.21
正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
wbajsjhhhhh的博客
05-05 2402
正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
superset4.0，superset-frontend 执行 npm run dev-server 访问 127.0.0.1:9000 错误提示：hot update was not ，如何解决？
**My Coding Family**
06-21 1134
🏆 本文收录于《全栈Bug调优(实战版)》专栏，致力于分享我在项目实战过程中遇到的各类Bug及其原因，并提供切实有效的解决方案。无论你是初学者还是经验丰富的开发者，本文将为你指引出一条更高效的Bug修复之路，助你早日登顶，迈向财富自由的梦想🚀！同时，欢迎大家关注、收藏、订阅本专栏，更多精彩内容正在持续更新中。让我们一起进步，Up！Up！Up！    备注： 部分问题/难题源自互联网，经过精心筛选和整理，结合数位十多年大厂实战经验资深大佬经验总结所得，数条可行方案供所需之人参考。
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 7178
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
vue项目 重新npm install 后 起服务 端口号未按照指定的声明 随机变了
txl910514的专栏
10-15 335
删除portfinder 的包 和package.json里关于portfinder 的信息 重新 npm install portfinder https://segmentfault.com/q/1010000020107778/a-1020000020112233
vue打开后端口任意变化，不再是8080的解决方法
Seven_drunk的博客
08-20 4962
今天打开电脑运行npm run dev 开项目的时候，遇到了一个极大的bug，差点崩溃。 经过百度和问朋友终于想出来了解决办法~~（都快被这个bug整哭了，极度绝望） 如图，ip地址不停的变，不再是8080 对于这个问题，有两种分析方案 一种是端口被占用，但是在这个项目中，很明显项目端口没有被占用，所以有以下两种改法 1.（第一种不推荐，推荐用第二种方法） 将78,80,84行的port改为por...
npm run dev 切换不同端口启动项目
weixin_43974452的博客
08-11 7055
npm run dev 指定不同端口启动项目
vue每次运行起来端口不一致问题
Bright2017的博客
08-19 5596
今天遇到了一个很恐怖的问题，vue项目npm run dev运行起来后每次的端口号都不一致。 我查了N遍，确定8080端口没有被占用，重启了N次，我也确定没有配置错什么。但问题就是发生了。 基本看图就能感受到我的无奈了吧！！！ 为此百度了很久终于找到两篇文章解决了我的困惑 1.获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,...
关于vue的npm run dev和npm run build的区别介绍
10-17
在Vue项目中，我们经常会遇到两种常用的npm脚本命令：`npm run dev`和`npm run build`。这两个命令分别用于启动开发服务器和构建生产环境的应用程序。下面详细介绍一下这两个命令的区别。 1. npm run dev `npm run ...
vue.js如何更改默认端口号8080为指定端口的方法
12-10
保存更改后，重新运行`npm run dev`，你的Vue项目就会在新指定的端口上启动。如果需要在项目中改变其他配置，如代理设置、静态资源路径等，也可以在`config/index.js`中找到相应的选项进行调整。 总之，更改Vue.js...
npm run dev 指定端口
05-09
好的，我需要帮助用户解决在使用npm run dev时如何指定端口运行开发服务器的问题。用户提到了Vue、React和Node.js这三个技术栈，所以我要分别针对这三个框架给出不同的方法。 首先，我应该回忆一下各个框架的配置...
npm run serve 指定端口号
java小菜的博客
11-18 4817
npm run serve命令时指定端口号
vue npm run dev 端口占用的情况
FE_lxy的博客
08-22 2537
两种方法 1、改变默认的端口 build/config/index.js里面的port: 8080 修改为其他的 2、cmd杀掉占用8080端口的进程 cmd netstat -ano 获得所有的端口的TCP信息 在命令行中输入netstat -ano|findstr 8080命令，可获取 8080 端口对应的 TCP 信息 得到进程号900 taskkill /pid...
npm dev run 报错
weixin_39037804的博客
10-09 278
解决办法：npm run dev --port 8088 Error: listen EACCES 0.0.0.0:8080 at Object.exports._errnoException (u...
【解决】Vue配置了端口号 发布项目仍会改变
丑小鸭
12-12 685
这里记录Vue配置了端口号，npm run serve 发布运行仍会选择其他端口，一般是配置的端口号+1。网上有些教程说是由于 portfonder 版本问题，需要降低版本，可能这个的确是个解决方案。我直接使用的是 查看目标端口号，看是否被占用，若被占用，则解除占用，即可以运行。netstat -tuln | grep 8085(端口号) 或。kill -9 3056714(pid) 即可关闭。使用以下命令 查看 占用端口的进程。再发布运行 即是配置的端口号了。那么如何将占用的进程关闭呢？
[前端]前端项目,重启项目端口号改变的问题
weixin_43071838的博客
07-04 1954
前端项目重启端口号改变 解决方案及思路
mac vue-cli启用80端口
litCabbage的博客
05-09 1197
1、需要指定port为80 2、需要sudo npm run dev，才可以
npm run dev退出后依旧占用端口
热门推荐
Wopelo的博客
10-29 1万+
在使用webpack时（windows环境），如果在git bash here中启动npm run dev，想要停止服务，ctrl+c是不起作用的，这个时候只能通过任务管理器停止进程。如果用windows自带的cmd则可以通过ctrl+c停止服务
npm run dev后如何转发端口
最新发布
08-22
在使用 `npm run dev` 启动开发服务器后，若需要配置端口转发，通常需要根据项目所使用的构建工具（如 Vite、Vue CLI、Webpack Dev Server 等）进行相应的配置。以下是一些常见的配置方式： ### 配置端口转发 #### 1. **Vue CLI 项目** 如果项目基于 Vue CLI 构建，则可以在 `vue.config.js` 文件中通过 `devServer.proxy` 配置项实现端口转发。例如，将 `/api` 路径的请求代理到 `http://localhost:3000`： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, pathRewrite: { '^/api': '' } } } } } ``` 此配置表示所有访问 `/api/xxx` 的请求将被代理到 `http://localhost:3000/xxx` [^3]。 #### 2. **Vite 项目** 对于使用 Vite 构建的项目，同样可以在 `vite.config.js` 文件中配置代理。例如，将 `/api` 前缀的请求代理到 `http://localhost:5000`： ```javascript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], server: { proxy: { '/api': { target: 'http://localhost:5000', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') } } } }); ``` 上述代码配置了 `/api` 开头的请求将被转发到 `http://localhost:5000` 并去掉 `/api` 前缀 [^4]。 #### 3. **Webpack Dev Server 项目** 如果使用 Webpack Dev Server，则可以在 `webpack.config.js` 文件中配置代理。例如： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:4000', secure: false } } } }; ``` 该配置会将所有 `/api` 请求代理到 `http://localhost:4000` [^1]。 ### 配置本机 IP 地址访问 如果希望从局域网中的其他设备访问开发服务器，可以通过设置 `host` 和 `public` 字段来实现。例如，在 Vue CLI 项目中，修改 `vue.config.js`： ```javascript module.exports = { devServer: { host: '0.0.0.0', public: '192.168.1.2:8080', // 本机IP地址 port: 8080, disableHostCheck: true } }; ``` 此配置允许其他设备通过 `http://192.168.1.2:8080` 访问本地开发服务器 [^2]。 ### 端口配置 如果希望修改开发服务器的默认端口，可以在配置文件中设置 `port` 字段。例如，在 Vue CLI 或 Vite 项目中分别配置： ```javascript // vue.config.js module.exports = { devServer: { port: 8888 } }; ``` ```javascript // vite.config.js export default defineConfig({ server: { port: 8888 } }); ``` 这些配置将开发服务器的默认端口更改为 `8888` [^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值