【前端】VUE CLI 3 默认端口修改

最新推荐文章于 2025-10-24 15:21:53 发布
原创 最新推荐文章于 2025-10-24 15:21:53 发布 · 1.7w 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vue-cli3 #vue-cli3 端口修改 #vue cli 3 默认端口修改 #vue.js vue-cli 3 端口修改

本文介绍如何在Vue CLI项目中将默认的8080端口修改为8088端口，涉及修改node_modules目录下的serve.js文件。

所在目录：node_modules\@vue\cli-service\lib\commands

需要修改的文件：serve.js

默认端口为8080，我修改为8088；如下图所示：

更改Vue应用程序的端口
CyberGenius的博客
09-25 694
通过修改vue.config.js文件中的devServer选项，你可以轻松地配置Vue应用程序的开发服务器端口。在vue.config.js文件中，你可以配置各种Vue应用程序的选项，包括开发服务器的端口。在Vue应用程序的根目录中，你会找到一个名为vue.config.js的文件。保存vue.config.js文件，并重新启动你的Vue应用程序的开发服务器。首先，找到你的Vue应用程序的根目录，并使用你喜欢的代码编辑器打开它。当开发服务器重新启动后，你的Vue应用程序将在新的端口上运行。
Vue项目的创建、运行与端口号修改
qq_51688022的博客
11-25 2810
详细讲解了Vue的安装下载，项目的创建，运行与访问端口号修改
vue修改vue项目运行端口号的方法
08-29
本篇文章主要介绍了vue修改vue项目运行端口号的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如何用Vue CLI 创建 Vue 项目
最新发布
如果能帮助你，我深感荣幸
10-24 868
本文详细介绍了使用Vue CLI创建Vue项目的完整步骤：1. 安装Node.js和npm环境；2. 全局安装Vue CLI；3. 通过vue create命令创建项目4. 启动项目并访问开发服务器；适合新手快速上手Vue项目开发。
vue 修改 端口号
weixin_33738578的博客
01-25 275
具体步骤如下： vue小白交流群，希望能够帮助到大家！ 转载于:https://www.cnblogs.com/CinderellaStory/p/8350391.html
vue修改指定端口
m0_56419249的博客
12-16 2562
vue修改指定端口
vue cli3 配置proxy代理无效的解决
10-16
在Vue CLI 3中，开发过程中常常需要配置代理来解决跨域问题，使得前端应用能够与后端API接口进行通信。然而，有时按照常规方法配置`proxy`后，可能会遇到代理无效的情况。本文将详细解释如何正确配置Vue CLI 3的`...
vue-cli 3.x 修改dist路径的方法
10-17
在现代前端开发中，Vue CLI是一个使用Vue.js进行快速开发的完整系统。Vue CLI 3.x版本相对于旧版本有了较大的改进，其中一种改进就是项目构建后的静态资源输出目录的配置。 首先，Vue CLI 3.x版本构建后的项目结构...
vuecli3-config.rar
05-26
VueCLI3的出现极大地提升了开发效率，是现代前端开发流程中不可或缺的一部分。 在“vuecli3-config.rar”这个压缩包中，可能包含的是一个关于如何配置VueCLI3的详细指南或模板。`版权说明`文件通常会列出关于该资源...
基于 Vue CLI 搭建 Vue 项目全攻略
12-10
使用`vue create my-vue-project`命令创建一个新的Vue项目，其中`my-vue-project`是项目名称，可以根据实际情况进行修改。执行该命令后，会提示用户选择一系列配置选项，如选择预设配置或是手动选择特性。对于初学者...
Vue CLI 环境变量使用指南
dazhong2012的专栏
06-08 2334
Vue CLI 的环境变量功能为前端项目提供了极大的灵活性和便利性。通过合理使用环境变量，可以轻松管理不同环境下的配置，实现项目的快速部署和高效运行。掌握环境变量的使用，是前端工程化的重要一步。注意：在使用环境变量时，请确保不要将敏感信息（如API密钥、数据库密码等）硬编码在代码中。对于生产环境的变量，应使用安全的配置管理方式。
vue项目怎么修改端口号
ONEBEYONDFANS的博客
08-18 2373
vue项目怎么修改端口号
vue默认端口号的更改
weixin_47644419的博客
09-05 2292
【代码】vue默认端口号的更改。
vue如何改修端口号
weixin_44594219的博客
09-05 9074
总结了cli3和cli2创建的vue项目如何修改项目运行后的端口号
如何修改vue项目运行的端口号
热门推荐
三分恶的博客
09-29 2万+
VUE项目默认端口是 8080 ,但是这个端口号用的太多了，所以端口号冲突了怎么办？那就得修改VUE项目的端口号，这里有两种方式。 配置文件修改端口号 打开 ==config\index.js == ，找到配置： port: 8080 可以看到端口是8080，修改成我们需要的即可： 这种方式会永久修改VUE项目启动端口号。 启动命令设置端口号 如果只是想临时修改VUE启动端口号，还有一种方式就是启动命令中设置端口号： 我们一般这么启动： npm run dev 加上参数： npm run de.
Vue3 更改端口
m0_53574149的博客
02-17 1096
Vue3 更改端口
修改VUE3项目默认端口
qq_63901697的博客
04-16 272
文件增加如下代码重启项目即可。
vue3修改默认端口
2301_76474805的博客
12-05 3941
1.在项目文件夹下找到vite.config.js 如图,添加。
Vue3-修改端口号
Dreamlxx的博客
03-14 1万+
方法一 在 package.json 文件中修改 scripts "scripts": { "serve": "vue-cli-service serve --port 80", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, 方法二 在根目录下新建一个vue.config.js文件（和package.json同一目录） ，内容如下 module.exports = { .
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值