vue启动端口大一位数字,与预设不符,不一致

最新推荐文章于 2025-03-12 18:00:43 发布
原创 最新推荐文章于 2025-03-12 18:00:43 发布 · 521 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

文章讲述了在Vue项目启动时遇到端口冲突的问题，原本预设的8080端口被自动改为8081。作者通过检查代码和系统进程，发现是由于node.exe进程残留导致。清理残留进程后，成功将Vue端口恢复为8080，解决了问题。

问题描述

vue启动时的端口与预设的端口不一致,如:预设8080,启动变为8081

分析

误触键盘导致代码无感变更,查找全文,没发现端口修改
idea特有的关闭进程尾巴残留,经查找发现系统进程中的node.exe在idea停止vue进程的时候还有残留
在这里插入图片描述
果断结束进程,重新启动vue端口变为正常的8080,问题解决

前端开发 Vue 代理配置(解决前后端域名/Ip/端口不一致导致无法请求的问题)
GIS摆渡人
04-22 9068
文章目录业务说明代理配置修改截图后端服务器代码前端Vue代码 业务说明 假设vue项目的地址是：localhost:80/，比如，页面中请求’http://127.0.0.1:8080/api/user/ss’时，地址只需要写为’/api/user/ss’就可以了。 代理配置 const { defineConfig } = require('@vue/cli-service') const AutoImport = require('unplugin-auto-import/webpack') cons
【web开发】第4节：一篇文章搞懂 vue-elementUI开发 和前端工程化
m0_46013789的博客
06-01 1125
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
vue项目启动成功发现端口号和配置中的端口不一致
weixin_43862596的博客
11-18 8441
在vue.config.js文件下配置的port为8082，项目启动，控制台显示的是8083 can be overwritten by process.env.PORT, if port is in use, a free one will be determined 可以被process.env.PORT覆盖，如果端口被使用，将确定一个空闲的端口 （vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推…8080+n，端口号默认是8080） 问题原因： 是因为项目中8
idea关闭时，是否终止进程
qq_35694833的博客
05-11 351
中文英文。
vue项目启动不是8080端口，多次启动端口变化（端口占用）
qq_45251343的博客
07-17 5512
当我一边运行idea，然后命令启动vue的时候，我发现端口不是8080，而是8081，于是我便想到，应该是我8080端口被占用了，果断关闭了idea，再关闭vue，重启端口又变成了8080，有人说是我改过我自己的端口号，但我觉得不对，于是我就有了这篇博客 好奇心促使我又运行了一次vue，此时两个vue同时运行，情况如下 如果我们停掉之后发现还是8080端口被占用，或者说你自己想用8080以外的端口，但那个端口依然被占用 此时你就需要看我这个笔记了8080端口被占用解决办法只需要将里面命令的8080换成你
vue项目每次打开显示的端口号都不一样
qq_44482048的博客
04-18 980
原因：portfinder新发布的版本异常 解决方法： npm install portfinder@1.0.21
解决vue和idea端口号不同-即跨域问题
02-15 388
当vue端口号为：8081，idea端口号为8080网页响应Request解决方法在idea的。
Vue安装与开发环境配置详解
综上所述，“vue安装及环境配置”不仅涉及基础的软件安装，更涵盖了从项目初始化到开发环境优化的完整流程，是每一位 Vue 开发者必须掌握的核心技能。该压缩包内容对于新手入门具有极高价值，帮助开发者快速搭建标准...
Vue3全家桶入门 （通过vue-cli脚手架搭建todolist项目环境，深入vue3.0核心知识）
qq_49900295的博客
05-15 3387
todolist项目准备 vue3.0环境搭建 进入想要的目录路径：vue create todolist 选择select features，点击回车 上下键移动按空格选择，一定不要按回车，这样就进入下一步了 我们按空格选择Router和vuex和下面的css预处理器，我们暂时先把Linter这个关闭掉 我们选择3.x的版本，按回车 路由是否选择history模式，写Y按回车 这一步选择css预处理器，我就选择一个less 配置项就选择它默认的配置项 ..
Vue做项目必备（节省80%时间，持久更新，不讲武德）
Mark Sheng的博客
11-26 1529
Vue脚手架中盒子高度设置问题：height:100vh; //es6语法 1、vue中sass安装使用============================================================ npm install node-sass -D npm install sass-loader@7.3.1 --save-dev 卸载sass-loader：npm uninstall sass-loader 快捷安装：cnpm install node-......
Vue2基础（6）——vue-cli、element-ui、axios拦截器、proxy接口代理
SongD1114的博客
04-09 1969
Vue2基础vue-cli、element-ui、axios拦截器、proxy接口代理
vue3.x修改端口号配置vue.config.js
热门推荐
hlvy
10-30 4万+
首先在根目录创建vue.config.js    vue.config.js 里面代码: module.exports = { /** 区分打包环境与开发环境 * process.env.NODE_ENV==='production' (打包环境) * process.env.NODE_ENV==='development' (开发环境) * b...
vue项目设置的端口号运行后会自动加一问题解决
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
02-21 1529
vue项目设置的端口号运行后会自动加一问题解决
vue切换端口
u010542626的博客
06-26 2179
1,首先，该项目默认端口是：8080，端口被占用，需要切换其他端口 2,打开项目，找到config里的index.js文件，port:8080 3,把port 里的配置改了，例如改成： 8100 4，然后运行vue : npm run dev,端口变成了8100 5，ok 把地址粘贴进去，打开浏览器刷新
vue每次运行起来端口不一致问题
Bright2017的博客
08-19 5574
今天遇到了一个很恐怖的问题，vue项目npm run dev运行起来后每次的端口号都不一致。 我查了N遍，确定8080端口没有被占用，重启了N次，我也确定没有配置错什么。但问题就是发生了。 基本看图就能感受到我的无奈了吧！！！ 为此百度了很久终于找到两篇文章解决了我的困惑 1.获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,...
vue-cli3配置proxy解决前后端域名/端口不一致引起的跨域问题
qq_22339269的博客
11-21 4681
错误代码 前端 import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) this.axios.post('http://localhost:8082/account/signup', this.formValidate) 后端 @RestController @Reques...
vue项目端口显示8081，但是设置是8080
qq_45800951的博客
10-12 7209
需要关闭其他项目，只留下当前项目
每运行一次前端，URL的8080就递增一次8081,8082,8083是怎么回事
最新发布
sleeplover_soda的博客
03-12 603
后端代码的端口号已经设置是8080，前端我打算设置为8081。
Vue.js实战：打造大屏数字翻转滚动效果
"Vue.js实现大屏数字滚动翻转效果" 在 Vue.js 开发中，有时需要创建引人注目的视觉效果，例如大屏数字滚动翻转。这种效果常见于后台管理界面，用来展示动态更新的数据，使得信息更加生动。本篇文章将探讨如何使用 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值