vue run dev运行错误：端口被占用

最新推荐文章于 2024-07-02 14:30:58 发布
最新推荐文章于 2024-07-02 14:30:58 发布
阅读量480 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42834220/article/details/90293507
博客介绍了解决端口占用问题的两种方法。一是结束占用端口的进程，通过在cmd输入命令获取PID号，在任务管理器详细信息中结束对应进程；二是更改项目使用的端口，在vue项目所在目录修改端口号，保存后重新运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决方法

  1. 结束所占用端口的进程
    打开cmd， 输入netstat -ano命令，得到
    截图
    记住对应的PID号，来到任务管理器的详细信息，
    截图找到对应进程并结束任务就好了！

  2. 更改项目所使用的端口
    来到vue项目所在目录，找到截图
    并修改端口号即可！

保存后在dev一次就好了！

正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
wbajsjhhhhh的博客
05-05 2287
正确解决npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的有效解决方法
vue2 通过设置devServer.port端口号，启动测试服务后端口失效/自动切换端口
经验之谈，不做搬运工
04-28 1049
vue2 设置端口号小于1990（通过设置devServer.port） 启动测试服务后端口失效/自动切换端口。
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 6565
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
在使用npm run dev启动前端项目时，报错：Error: listen EADDRINUSE: address already in use 0.0.0.0:8090
zhoupenghui168的博客
08-08 663
npm run dev, Error: listen EADDRINUSE: address already in use 0.0.0.0:8080
npm run dev 报端口错误!Error: listen EADDRINUSE :::8080异常的解决方案
2301_79779756的博客
05-09 723
当运行npm run dev（或类似的开发脚本）来启动一个基于Node.js的服务时，如果遇到Error: listen EADDRINUSE :::8080的错误，这通常意味着你尝试监听的端口（在这个例子中是8080端口）已经被另一个进程占用。在Node.js应用程序中，每个端口在同一时间只能被一个进程监听。
vue端口号被占用如何解决
weixin_30718391的博客
02-02 684
vue端口占用问题 1. vue init webpack-simple#1.0 vue-webpack-simple-demo 2. cd vue-webpack-simple-demo 3. cnpm install 4.npm run dev 个人觉得用webpack-simple就可以了,也不那么麻烦 如何执行后提示端口号占用 打开package...
vue 指定启动端口 port devServer
焺爅
01-01 640
相关版本： 项目目录及需要修改的目标文件： 需要添加的内容（蓝色选中部分）：
关于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 同时运行vue前端项目和node后端项目-项目中如何配置vue和node.js同时启动
06-26
### 如何配置npm run dev命令以同时启动Vue前端项目和Node.js后端项目 在现代Web开发中，前后端分离的架构模式越来越受到欢迎。这种模式下，前端负责UI渲染和用户交互，而后端则专注于业务逻辑处理和数据管理。在...
Vue项目-配置端口
最新发布
m0_60946919的博客
07-02 1088
选中vue.config.js文件。修改端口号为7000成功！
vue项目默认端口号
m0_55477902的博客
01-18 3093
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
Vue.js更改调试地址端口号
热门推荐
卜可的博客
08-08 2万+
Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是有时候我们在进行多个项目开发需要同时部署多个vue项目，甚至有的还需要启动后台项目，这时就需要修改Vue项目的启动端口（不然会报端口被占用的错误，一个端口号只能一个进程占用）。本文像大家讲解如何找到Vue项
vue默认端口号的更改
weixin_47644419的博客
09-05 2219
【代码】vue默认端口号的更改。
如何更改vue项目运行的端口号
爬虫 的博客
06-09 2万+
记录下如何更改vue项目运行的端口号   　　使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？   　　1、找到项目对应的 config 文件夹里的 index.js ,此时可以看到项目配置了 port:8080   　　运行时，端口号就是8080：   　　　　 　　　　2、
ruoyi-vue显示后台端口号被占用，更改application配置文件后仍然显示端口号被占用！
m0_73379880的博客
11-04 1997
ruoyi-vue中端口号被占用问题及解决方法
vue项目端口被占用
407指导员
12-24 588
vue脚手架3中没有config文件夹 直接找到vue.config.js文件就行。 如果启动默认端口号8080被占用： 会显示无法连接到该端口 修改默认端口： 1.找到vue.config.js文件 2.在里边添加： module.exports = { devServer: { port: 9999, // 端口号 } } ...
Vue项目自定义host端口
meis27461的博客
12-25 9911
默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个 还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为
Vue运行npm run dev 时修改端口
weixin_30716141的博客
05-18 8022
进入项目文件的config文件夹E:\myapp\myproject\config，找到index.js，修改里面的8080端口，改成8088（确定不被别的程序使用的都可以） 转载于:https://www.cnblogs.com/yongyang/p/9054892.html...
vue3 npm run dev修改端口
05-11
2. 运行以下命令来启动 dev 服务器，并将端口修改为你需要的端口： ``` npm run dev -- --port 8080 ``` 这里的 `8080` 是你需要修改的端口号，你可以根据需要进行修改。 3. 等待一会儿，你应该会看到类似如下的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值