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

最新推荐文章于 2024-10-13 15:54:30 发布
最新推荐文章于 2024-10-13 15:54:30 发布
阅读量1.7w 收藏 12
点赞数 9
分类专栏： 前端 文章标签： vue vue-cli3 vue-cli3 端口修改 vue cli 3 默认端口修改 vue.js vue-cli 3 端口修改
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_38708644/article/details/86608493
版权

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

需要修改的文件：serve.js

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

∵行星系∴
关注
专栏目录
使用Vue CLI工具创建前端项目并安装常用组件
weixin_43816557的博客
08-06 704
很多学习后端的同志，对于前端框架及创建视图可谓绞尽脑汁，本文介绍了如何使用Vue脚手架快速便捷的创建前端项目，并提供了一些常用组件安装方式。
vue-cli项目修改端口号
蒋劲豪的博客
06-28 577
【代码】vue-cli项目修改端口号。
VUE CLI 3 默认端口修改
南方硅人的博客
02-06 1895
方法一（建议） 在src目录下创建文件vue.config.js（名称不能改动） 添加以下代码，可以改变端口 module.exports = { devServer: { port: 8001 } } 方法二（不建议） 所在目录：node_modules@vue\cli-service\lib\commands 需要修改的文件：serve.js 默认端口为808...
Vue项目--启动和配置端口
最新发布
qq_61996308的博客
10-13 226
配置 修改端口
vue项目默认端口号
m0_55477902的博客
01-18 2439
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
修改Vue项目运行的IP和端口
见证自己学习,成长的记录
02-09 7238
我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理，需要修改项目什么东西就直接在里面改。注意语法就好啦！以后遇到其他的配置语法，会持续更新！
【Mac&Vue】解决在MacOS下Vue-Cli无法使用80端口的问题
j326214730的博客
07-22 2619
开发博灵语音通知终端云服务时遇到的，在Vue下无法使用Mac 80端口本地开发问题。
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 CLI3创建项目部署到Tomcat 使用ngrok映射到外网
10-17
在本文中，我们将详细探讨使用Vue CLI3创建项目并部署至Tomcat服务器，最后通过ngrok将项目映射到外网的整个过程。这一系列操作涉及到前端开发框架Vue.js、Web服务器Tomcat以及内网穿透工具ngrok的使用，每个步骤都...
Vue cli项目 修改运行命令和端口号
苦作舟的空城机
03-17 2307
vue cli项目默认运行的端口号是8080，运行命令是npm run serve 可以在package.json中修改运行命令，将serve修改为dev，就可以使用npm run dev运行项目 修改运行的端口号，需要在node_modules中查找@vue文件夹，里面有cli-service文件夹，找到lib文件夹，commands文件夹，找到serve.js文件夹。 顺序：node_modules --> @vue --> cli-service --> lib --> co
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 4117
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
vue ui（可视化界面3.0）更改端口号
Wehter的博客
03-31 1302
在vue可视化界面（vue3.0）中是无法修改端口号的；默认是localhost://8080 想要修改的话可以在vue.config.js中添加port:8089即可 8089即为自己想要更改的端口号 module.exports = { devServer: { // port: 8089, // 端口号 overlay: { warnings: false, errors: false }
vue cli 3.0设置指定端口号运行
橙-极纪元-cplvfx-JJY.Cheng
03-05 2408
转载：https://www.cnblogs.com/gitByLegend/p/11124399.html 在项目根目录创建vue.config.js文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 }
vue默认端口号(port:8080)修改
热门推荐
qq_45594237的博客
03-29 3万+
工作中可能存在启动多个项目的时候，默认端口号会被占，导致启动错误，这种情况下把要启动的项目的端口号换掉，启动未用的端口就可以了，具体实现如下： 一 .vue-cli2 方式1. vue-cli2中端口文件存放目录为：根目录下/config/index.js // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 80, // can be overw.
Vue Cil配置过程
半度纳的博客
07-11 594
安装Node.js :● 为了使用npm，首先需要下载Node.js安装包，下载地址可参考： – https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi – https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi – https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node- v16.14.2-x64
Vue3-修改端口号
流楚丶格念的博客
06-17 3744
在图形界面中更改参数 方法三 在运行项目的时候追加端口号 方法四 在根目录下新建一个vue.config.js文件（和package.json同一目录） ，内容如下 方法五 端口文件存放目录为：node_modules/@vue/cli-service/lib/commands/serve.js 优先级：方法一>方法二=方法三>方法四>方法五如果方法二和方法三同时使用，且端口号设置不同，就会报错...
vue-cli3.0修改端口号
小豆的博客
10-08 6674
package.json文件下修改 --port "scripts": { "serve": "vue-cli-service serve --port 9001", } vue.config.js文件下修改 module.exports = { devServer: { port: 9001 } }
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值