vue项目每次运行端口都会发生变化（端口占用）

最新推荐文章于 2023-02-28 10:38:28 发布
最新推荐文章于 2023-02-28 10:38:28 发布
阅读量4.6k 收藏 8
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36237149/article/details/106073096
版权

每次运行项目端口都会一直变化8081…8082…8083…这样叠加。
在这里插入图片描述
解决方法：
使用命令netstat查询端口状态，输入netstat -ano看到8080端口被29904进程占用。
在这里插入图片描述
执行命令**==taskkill /pid 29904 /f ==** 关闭当前占用的进程（29904为当前占用端口的进程编号），返回: 已终止 PID 为 29904 的进程。

再次运行项目端口就正常了
在这里插入图片描述

鹏er
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Vue.js更改调试地址端口号的实例
10-18
但当我们需要同时运行多个Vue项目或有其他服务占用相同端口时，就需要修改这个端口号。 首先，我们查看项目根目录下的`package.json`文件，这是项目的主要配置文件。在`scripts`部分，可以看到`dev`和`start`命令...
Vue开发环境中修改端口号的实现方法
10-16
在开发过程中，如果同时运行两个或多个项目，它们可能会占用相同的端口号，导致冲突。浏览器的安全策略（如同源策略）会阻止跨域请求，从而引发错误，如描述中提到的`CORS`错误。这种情况下，你需要确保每个项目使用...
vue.js如何更改默认端口号8080为指定端口的方法
12-10
本文介绍了vue.js如何更改默认端口号8080为指定端口，分享给大家，希望此文章对各位有所帮助。 执行npm run dev实际是在调用根目录下的package.json 打开package.json后可发现有这样一段代码 "scripts": { "dev": "node build/dev-server.js", "build": "node build/build.js", "lint": "eslint --ext .js,.vue src" } 由此可知，我们应该查看build目录下的dev-server.js文件 在dev-server.js文件中可找到
vue启动服务器端口号每次都不一样
weixin_39418338的博客
08-20 1244
昨天在自己电脑上运行朋友给的项目，由于他是用vue3.0，而我使用的是vue2.5.2，在运行他的项目时有错误提示，可能版本的问题，本人就照着错误提示去下载插件，结果他的项目好使了，但是自从那次起，每次执行我的项目发现端口号都是不一样 解决办法： 先下载npm install portfinder@1.0.21 重装依赖npm install ...
vue 端口占用解决办法
weixin_30808693的博客
09-04 688
---恢复内容开始--- vue 端口占用或者vue端口跟wampserver端口冲突， vue 8080端口占用解决办法 一般情况下wampserver 端口也是8080端口，那么 肯定会跟vue 所创建的项目端口重复， 那么就要修改vue 的8080端口了。在所创建的项目目录下面的；index.js 我的项目是创建在桌面的，所以路径如下：C:\Users\Admini...
ruoyi-vue显示后台端口号被占用，更改application配置文件后仍然显示端口号被占用！
m0_73379880的博客
11-04 1494
ruoyi-vue中端口号被占用问题及解决方法
安装TDengine 服务端和客户端——客户端连不上问题解决
weixin_43064364的博客
02-28 2891
安装完毕 ，进入C:\TDenginefrom目录，直接cmd执行TDengine CLI程序。最后试着修改 服务端host文件（liunx系统）后面再阅读官网 tip 发现了这些 :ooo。出现welcome 但是无法连接客户端。文件 （windows 系统）文件的firstEP。
在连接云服务器的TDengine时，一定要注意这个细微的操作
涛思数据
07-08 1247
今天的精选问题，说难肯定是不难，但是典型不典型呢——还是挺典型的。而且，相信大家也不是总有精力去阅读枯燥的技术文字，所以正如文章的封面一样，今天的主题是分享一个轻松的TDengine的使用案例。 事情的经过是这样的：一位用户在华为云服务上用两个节点的内网搭建了一个TDengine集群，集群可以正常工作。除了这个集群之外，该用户还有另一个单独的华为云服务器，他们不属于同一内网，且分属于两个华为云账号。在这台服务器上面，有一个单机版的TDengine在运行。 有一天，他突然发现，在本地使用jdbc-rest
命令行工具执行vue ui可视化界面报Error: spawn cmd ENOENT错误非端口占用问题
01-08
命令行工具执行vue ui可视化界面报Error: spawn cmd ENOENT错误非端口占用问题 问题如图所示，抱着有事没事就百度的求学态度，得知是端口占用问题 ，在使用命令netstat -ano查看所有程序的端口时，并没有发现8000被...
vue项目运行时端口号总是自动改变的问题
yijun_zeng的博客
10-15 4499
vue - webpack.dev.conf.js for node-portfinder 描述：获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推...8080+n) 问题原因：portfinder的问题 解决方案： npm install portfinder@1.0.21 ...
vue项目（vue-cli3搭建的）每次启动端口都会增加1的问题
s_sos0的博客
11-01 2133
最近发现我的项目（vue-cli3搭建）每次重新执行 npm run serve 启动端口都会自增1，查了网上的原因才发现原来端口被占用了，原来的服务没有真正的被关闭，解决方法： 执行 netstat -aon|findstr “8080” 查看端口是否被占用 如果被占用说明服务没有真正被关闭 或： 执行 netstat -aon|findstr “9999” 查看端口是否被占用 如果被占用说明服务没有真正被关闭 1.打开任务管理器，手动关闭node任务（我的解决办法） 再次执行 nets
Vuetify 运行后端口号每次增加1解决方法
rpc18738669720的博客
04-15 1162
Vuetify 运行后端口号每次增加1解决方法 方法一： 项目下cmd执行npm install portfinder@1.0.21 此命令在于Vuetify 版本不兼容问题，对版本进行降级操作来解决问题。 方法二： 使用cmd命令查看端口是否被占用，netstat -aon|findstr “9001” 红框内为占用的程序PID 输入tasklist命令可以看进程详情 ...
vue项目端口显示8081，但是设置是8080
qq_45800951的博客
10-12 6939
需要关闭其他项目，只留下当前项目
vue每次运行起来端口不一致问题
Bright2017的博客
08-19 5235
今天遇到了一个很恐怖的问题，vue项目npm run dev运行起来后每次的端口号都不一致。 我查了N遍，确定8080端口没有被占用，重启了N次，我也确定没有配置错什么。但问题就是发生了。 基本看图就能感受到我的无奈了吧！！！ 为此百度了很久终于找到两篇文章解决了我的困惑 1.获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,...
TDengine使用心得
青草非鱼
01-15 9000
在个人服务器上部署了TDengine服务，用于数据存储 我的步骤是： 1.从官网下载rpm包上传到服务器，https://www.taosdata.com/cn/getting-started 2安装 执行指令：rpm -ivh TDengine-1.6.4.5.rpm 3.启动 执行指令：systemctl start taosd 4.进入数据库 执行指令：taos 这时就...
vue端口号被占用如何解决
weixin_30718391的博客
02-02 624
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动态配置ip与端口
Ivor_Chan的博客
10-16 9189
考虑一个成品的项目会给到各地方进行部署，而每个地方的ip和端口均无法保证统一，为了抽离开发人员的工作，需要对项目进行一定的配置，配置后的项目，只需要修改打包后的配置文件，填写相关的ip和端口，即可实现项目的部署。 由于vue打包后会生成static包、index文件，为了防止打包后混淆，可以在项目的static文件中新建IPConfig.js文件，如： var IPConfig = wind...
vue项目设置端口号
最新发布
09-14
在Vue项目中设置端口号有两种方式：通过命令行参数和通过配置文件。 1. 通过命令行参数： 在命令行中启动Vue项目时，可以通过设置 `--port` 参数来指定端口号。例如，要将端口号设置为8080，可以使用以下命令： ``` npm run serve -- --port 8080 ``` 2. 通过配置文件： Vue项目的配置文件是 `vue.config.js`，可以在该文件中设置端口号。如果项目中没有该文件，则需要手动创建。 在 `vue.config.js` 中，可以使用 `devServer` 字段来设置端口号。以下是一个示例配置： ```javascript module.exports = { devServer: { port: 8080 } } ``` 在上述示例中，端口号被设置为8080。保存配置文件后，重新启动Vue项目即可生效。 注意：如果端口号已被占用，系统会分配一个可用的端口号。建议在开发过程中选择一个未被占用的端口号。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值