关于修改vue3的修改编译后运行端口号的问题

最新推荐文章于 2024-07-02 14:30:58 发布
最新推荐文章于 2024-07-02 14:30:58 发布
阅读量446 收藏 1
点赞数
分类专栏： 学习新知识 文章标签： 项目配置 端口修改 serve.js 编译 配置文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40942817/article/details/123133831
版权

依次找到项目中下面的文件夹
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后就能在serve.js里面找到关于下面端口的默认配置啦，直接修改就完事，再重新编译你的项目
在这里插入图片描述
我也是从一位网友的文章中偶然发现的，本来想用他的方法，然后多翻了几个文件就找到了这里，过程异曲同工，结果是一样的
附上链接：https://blog.csdn.net/weixin_43560272/article/details/104093329

故土新人
关注
专栏目录
vue配置端口号
qq_40787608的博客
06-16 1201
webpack中vue配置端口号
vue3 端口号冲突问题
m0_52318340的博客
07-12 900
因为 vue 项目运行的默认的端口号8080 ，而我 vue 项目不止一个，都在同一个文件夹下，这就导致多个vue项目的端口号一样，结果可想而知出问题了呗。。。 具体是什么问题呢？ 当你在没有意识到端口号冲突问题时，就会导致代码编译时没有任何错误提示，运行时，欸~就是看不到你想要的结果，是不是很蛋疼的一个问题，不过憋慌，哥已经是踩过雷的人了，我告诉你怎么解决这问题。很简单，就是改一下你所准备运行的项目的端口号即可。申明一下： 更改端口号有很多方式，我这里就说一种，其他的想了解的可以自行搜索1.点击参数 2.
Vue项目-配置端口
最新发布
m0_60946919的博客
07-02 538
选中vue.config.js文件。修改端口号为7000成功！
Vue 项目修改运行端口
zhouzhiwengang的专栏
08-04 542
打开 Vue项目之config\index.js 文件，找到如下截图配置： 修该port 参数，重新启动Vue 项目，查看控制台输出项目访问地址。
vue-cli（4.0.5版）设置自定义端口号无效（portfinder.basePort）
qq_38969618的博客
10-26 2077
可能原因1：新版本的portfinder有问题，需安装：npm install portfinder@1.0.21。 可能原因2：端口被占用，或者防火墙没关。 如何查看端口号被占用情况：https://jingyan.baidu.com/article/597a06431ecac3312a524351.html vue-cli自定义端口无效解法：https://www.jianshu.com...
vue-cli 3.x 修改dist路径的方法
10-17
另外，还可以在该文件中配置开发服务器的相关参数，如端口号port、是否打开浏览器open以及host等。这些配置项对于开发环境下的使用尤其重要，因为它们可以改变资源加载行为，使得开发体验更加顺手。 对于输出文件...
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
背心的博客
10-25 3611
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
vuecli 编译后部署_Vue-CLI 3.x 自动部署项目至服务器
weixin_42641741的博客
01-30 296
前言平时部署前端项目流程是：先部署到测试环境ok后再发布到生产环境上，部署到测试环境用 xshell 连上服务器，然后用 xftp 连接服务器，然后本地 build 项目，接着把 build 好的文件通过 xftp 上传到服务器上，整个流程感觉稍有繁琐，重复。本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx一 安装scp2scp...
vue3+node.js实现移动端音乐播放器
07-03
【描述】"解压后运行后端即可"意味着项目已经打包好，用户只需要解压缩文件，然后启动后端服务就可以运行这个音乐播放器。这通常涉及到以下几个步骤： 1. 解压文件：用户需要将下载的压缩包解压到本地文件夹。 2. ...
Vue配置服务器启动端口号
milijiangjun的博客
08-14 2871
1 找到要更改的文件 打开我们的项目 打开config 中的index.js 更改需要更改的选项 ip 端口 是否自启动端口 错误覆盖： 通知错误： 自动打包 然后从新进行编译 npm install npm run dev 看运行效果
vue项目默认端口号
m0_55477902的博客
01-18 2262
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
【功能：vue3 + vite 修改默认启动端口】 - 以及相关配置详细解答，刚学习的小伙伴强烈推荐
2302_78387246的博客
04-03 7119
【功能：vue3 + vite 修改默认启动端口】 - 以及相关配置详细解答，主要涉及到一些修改配置文件这块的，需要了解的朋友可以进来看看，都比较简单
修改Vue2项目运行端口号配置后端代理
qq_53154643的博客
05-09 988
【代码】修改Vue2项目运行端口号配置后端代理。
vue3修改默认端口
2301_76474805的博客
12-05 3204
1.在项目文件夹下找到vite.config.js 如图,添加。
nginx部署vite4+vue3项目（解决所有遇到的问题！同一个nginx部署多个项目、页面空白问题、页面刷新404问题、在vite.config.js中配置跨域代理访问不了后端接口问题等等）
爱吃雪糕的小布丁的博客
08-17 4343
解决所有遇到的问题！同一个nginx部署多个项目、页面空白问题、页面刷新404问题、在vite.config.js中配置跨域代理访问不了后端接口问题等等
vue3 + vite 怎么修改端口号3000
m0_50080847的博客
07-05 850
vite.config.js 打开 vite.config.js 文件，在server对象里添加port字段修改，然后重跑项目就可以了 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export defa...
Vue3项目如何更改端口号
gfujhfd的博客
01-03 879
解决办法在vite.config.ts中加入。// 配置前端服务地址和端口。
vite构建项目npm run dev之后出现多个Network地址，他们分别代表什么
虎康的博客
04-19 1985
在 vite 构建项目中，vite 构建项目使用的是 rollup 打包器和本地服务器，它通过使用现代浏览器的特性实现了极快的热更新和构建时间。当你运行 npm run dev 命令后，如果你的设备连接了多个网络适配器（例如 Wi-Fi、以太网等），那么就会出现多个 Network 地址，每个地址对应不同的网络适配器。一般情况下，vite 会自动检测到您当前所连接的所有网络适配器，并绑定所有可用的 IP 地址和默认端口号（3000）作为服务器地址。如果您只需要在本地开发和测试，可以使用 Local 地址。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值