vue项目启动不是8080端口，多次启动端口变化（端口占用）

最新推荐文章于 2023-09-28 11:47:15 发布
最新推荐文章于 2023-09-28 11:47:15 发布
阅读量4.3k 收藏 5
点赞数
分类专栏： 试错 笔记 vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45251343/article/details/118864264
版权
笔记 同时被 3 个专栏收录
41 篇文章 1 订阅
订阅专栏
试错
4 篇文章 0 订阅
订阅专栏
vue
2 篇文章 0 订阅
订阅专栏

当我一边运行idea，然后命令启动vue的时候，我发现端口不是8080，而是8081，于是我便想到，应该是我8080端口被占用了，果断关闭了idea，再关闭vue，重启端口又变成了8080，有人说是我改过我自己的端口号，但我觉得不对，于是我就有了这篇博客
在这里插入图片描述
好奇心促使我又运行了一次vue，此时两个vue同时运行，情况如下
在这里插入图片描述
如果我们停掉之后发现还是8080端口被占用，或者说你自己想用8080以外的端口，但那个端口依然被占用
此时你就需要看我这个笔记了8080端口被占用解决办法只需要将里面命令的8080换成你需要的端口号就行，例如8081,8082,8085…
希望您能多多和我讨论你遇到的问题，加油！！！

step by step.
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue项目的停止_Terminal怎么停止VUE项目
weixin_35675818的博客
01-30 7952
开启vue项目不关闭的后果问题描述：新手使用idea或webstorm工具开发vue，使用Terminal命令行npm run dev 运行项目，无法输入命令关闭比项目解决方案：打开Terminal窗口按键盘【Ctrl】+【C】，提示是否关闭，键盘输入 【y】退出VUE项目常用的命令安装vue-clinpl install vue-cli -gvue init webpack my-project...
vue修改vue项目运行端口号的方法
12-10
一、导语 最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不互相影响，如何实现？ 萝卜蹲的游戏大家都玩过，白萝卜蹲，白萝卜蹲，白萝卜蹲完红萝卜蹲，可是若是在含有滚动条的页面的情况下，白萝卜是子元素，红萝卜是父元素，白萝卜蹲完不想让红萝卜蹲，怎么办？ js是直接用阻止默认事件e.preventDefault(); ，vue虽然也有阻止默认事件@scroll.prevent，但是并没有效果啊，怎么办啊？？有木有同学会啊？？？ 二、正文 记录下如何更改vue项目运行的端口号 使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？？ 1、找到项
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修改项目启动端口号方法
10-16
今天小编就为大家分享一篇Vue修改项目启动端口号方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在vscode中如何关闭已经运行的vue项目
qq_45052616的博客
09-04 1万+
vue项目运行命令是npm run serve 想要停掉这个运行的项目按快捷键ctrl+c就可以，连按两遍，不用输入y
玄学bug-项目启动后端口总是8080
qq_34873006的博客
10-29 661
玄学bug-项目启动后端口总是8080 事情起因，项目要发版到线上，打包后发现端口总是怼到8080。 于是万能的百度，说是是在target下没有找到application.yml，所以yml的配置都不生效，自然yml里的端口号配置就失效了。原文链接：https://blog.csdn.net/qq_29519041/article/details/88414128 于是把启动参数加上。 -Xms128m -Xmx750m -XX:ReservedCodeCacheSize=240m -XX:+UseConc
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 3926
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
vue项目端口显示8081，但是设置是8080
qq_45800951的博客
10-12 6865
需要关闭其他项目，只留下当前项目
vue怎么改变默认8080端口
weixin_57246351的博客
07-21 810
vue怎么改变默认8080端口 1. 第一步 注意是在根目录下,和src同级目录下创建vue.config.js 第二步 在新建的vue.config.js中写入如下代码 /* 覆盖webpack的配置 */ module.exports = { devServer: { // 自定义服务配置 open: true, // 自动打开浏览器 port: 3000 // 端口号 }, lintOnSave: false //eslint-loader 是否
前端开发，端口号从8080变成8081解决办法
u013170178的博客
08-18 2554
前端开发，端口号从8080变成8081解决办法
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 3万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue项目打开地址默认是http://0.0.0.0:8080/的问题解决
m0_64380162的博客
02-25 1166
vue项目打开地址默认是http://0.0.0.0:8080/的问题解决
VUE修改端口后，没启效果，原因是指定端口失效
qq_40291247的博客
08-20 3691
在config/index.js中指定 host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 原因：portfinder新...
vue-cli 3.x版本启动项目后端口号不是8080的问题
清欢Viki的博客
08-19 1703
概述 使用vue-cli 3.x版本启动项目后端口号不是8080而是一个随机的五位数 解决方案 进入项目目录后输入 npm install portfinder@1.0.21 后再运行
vue-cli 运行vue项目，设置vue-cli-service serve --open自动打开浏览器，跳转到http://0.0.0.0:8081 解决办法
a1071626267的博客
09-06 2135
vue-cli 运行vue项目，设置vue-cli-service serve --open自动打开浏览器，跳转到http://0.0.0.0:8081 解决办法
[前端]前端项目,重启项目端口号改变的问题
weixin_43071838的博客
07-04 1502
前端项目重启端口号改变 解决方案及思路
vue项目运行时端口号总是自动改变的问题
yijun_zeng的博客
10-15 4464
vue - webpack.dev.conf.js for node-portfinder 描述：获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推...8080+n) 问题原因：portfinder的问题 解决方案： npm install portfinder@1.0.21 ...
vue 端口占用解决办法
weixin_30808693的博客
09-04 686
---恢复内容开始--- vue 端口占用或者vue端口跟wampserver端口冲突， vue 8080端口占用解决办法 一般情况下wampserver 端口也是8080端口，那么 肯定会跟vue 所创建的项目端口重复， 那么就要修改vue 的8080端口了。在所创建的项目目录下面的；index.js 我的项目是创建在桌面的，所以路径如下：C:\Users\Admini...
vue项目使用localhost访问不到
最新发布
weixin_45926412的博客
09-28 867
vue项目使用localhost访问失败
vue3 vite项目中如何修改默认启动端口？
06-09
在 Vue 3 + Vite 项目中，可以通过在项目根目录下创建一个 `vite.config.js` 文件，然后在该文件中配置 `server` 选项来修改默认启动端口。具体操作步骤如下： 1. 在项目根目录下创建一个 `vite.config.js` 文件。 2. 在 `vite.config.js` 文件中，配置 `server` 选项，例如将端口修改为 8080： ```js module.exports = { server: { port: 8080 } } ``` 在上面的配置中，`port` 选项表示要启动的端口号。 3. 保存 `vite.config.js` 文件。然后在控制台中运行以下命令启动项目： ```bash npm run dev ``` 或者 ```bash yarn dev ``` 这样，项目就会在你指定的端口号上启动了。 需要注意的是，如果你使用的是 Vue CLI 创建的项目，那么可以在 `package.json` 文件中的 `scripts` 部分，将 `vue-cli-service serve` 命令改为 `vite` 命令，例如： ```json { "scripts": { "dev": "vite", "build": "vue-cli-service build" } } ``` 这样，运行 `npm run dev` 或 `yarn dev` 命令时，就会使用 Vite 作为开发服务器，从而可以配置 `vite.config.js` 文件来修改默认启动端口。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值