vue3:自定义网页端口号

最新推荐文章于 2025-04-16 20:44:20 发布
最新推荐文章于 2025-04-16 20:44:20 发布
阅读量395 收藏
点赞数 2
分类专栏： VUE3-TP8-Element 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_46001736/article/details/146208178
版权

在终端运行项目后，会给出一个本地网页路径，这里的端口号都是默认值，如果想进行更改可进行如下操作

进行端口设置页面vite.config.js

可以查看到server/port是设置的自定义端口号，可根据需求进行调整

vite-vue3项目使用@别名和自定义端口号以及解决跨域
qq_65142821的博客
03-30 2123
找到 在vite.config.ts里面配置server重启一下服务，看看是否生效。
Vue.js更改调试地址端口号的实例
10-18
在Vue.js开发过程中，有时我们需要更改调试地址的端口号，以避免多个项目或后台服务在同一端口上冲突。Vue项目通常使用vue-cli作为脚手架工具，结合webpack进行项目构建和运行。当使用`npm run dev`启动项目时，它...
vue3项目vite.config.js配置代理、端口、打包名以及图片压缩
DN金猿的博客
10-13 379
我们在搭建vue3项目的时候不可避免的会遇到“代理”、“端口”、“打包名”、“图片压缩”等配置问题，本文逐一讲述该怎么样在vite.config.js中去配置。vue3的配置和vue2有所不同，不能照搬照套vue2，那样会报错。代码可以直接copy，亲测有效，只需要修改成自己想要的文件名、路径即可。
vue如何更改默认端口号8080为指定端口
wy_Blog的博客
11-27 4538
直接一张图为大家 清晰解答问题结构， 项配置什么自己改数字就OK
修改VUE3项目默认端口
最新发布
qq_63901697的博客
04-16 150
文件增加如下代码重启项目即可。
Vue修改项目启动端口号
asing1elife's blog
09-23 6759
Vue项目启动时默认端口号是8080，如果要启动多个项目就会发生冲突，通过以下方式可修改默认端口号 更多精彩 更多技术博客，请移步 asing1elife’s blog 在项目的package.json中可以找到如下代码 start属性指定的文件就是通过开发模式启动的服务文件 "scripts": { "dev": "node build/dev-server.js", "st...
vue3中vite启动项目，修改默认端口号
小枫的博客
10-10 759
第二种 启动命令后加 --port 自定义端口号 （npm run dev --port 1234）第一种 项目生成的 vite.config.ts文件中 添加server对象（注释中对象）第三种 package.json 添加 --port 端口号（如下图）
vue3新项目修改端口
weixin_46939404的博客
07-23 1480
vue3新项目修改端口
vue3修改默认端口
2301_76474805的博客
12-05 3840
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 = { .
Vue3 更改端口
m0_53574149的博客
02-17 1050
Vue3 更改端口
vue3 命令运行窗口暴露网络地址，以及修改端口号
小十七的个人分享博客
07-26 539
这里加上 --host 可以暴露网络地址，再加上 --8080 就可以将端口号修改为8080（修改为其它的当然也可以）一般情况下这里的地址是隐藏的。
Vue修改项目启动端口号方法
10-16
在Vue.js项目开发中，有时候由于多项目共存或者服务器端口冲突，我们需要自定义项目的启动端口号。本文将详细讲解如何在Vue项目中修改默认的启动端口号，以适应不同开发环境的需求。 首先，Vue项目的配置信息通常...
Vue商店：Vue商店
02-13
例如，你可以修改输出目录、端口号、公共路径等，以适应个人开发需求。 Vue商店项目可能包含以下组件和功能： - **产品列表**：展示商品信息，包括图片、名称、价格等。 - **购物车**：实现添加、删除商品，计算...
Vue 开发者工具箱扩展：自定义 devServer 中间件与调试技巧
[Vue 开发者工具箱扩展：自定义 devServer 中间件与调试技巧](https://img-blog.csdnimg.cn/13eee596fde44bf99ab496c20c4ef3a6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA57yW...
vite+vue3项目修改启动的端口号为localhost
骨子里的偏爱
06-25 880
vite+vue3项目修改启动的端口号为localhost
Vue3项目如何更改端口号
gfujhfd的博客
01-03 1058
解决办法在vite.config.ts中加入。// 配置前端服务地址和端口。
vue项目怎么修改端口号
ONEBEYONDFANS的博客
08-18 2211
vue项目怎么修改端口号
vue3项目配置启动端口
m0_74851868的博客
02-26 633
再次启动项目，出现http://xxx.xxx.x.x:8080/即配置成功啦。解决方法是打开你的配置文件在plugins中进行添加。这期是为一些小伙伴解决项目run dev后显示的为。
Vue3项目开发与自定义配置指南
Vue项目支持高度的自定义配置，这些配置可以在项目的根目录下的`vue.config.js`文件中完成，涵盖了诸如端口号、代理设置、构建输出目录等选项。具体配置项可能包括： - **devServer**：配置开发服务器相关选项，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

25号底片~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值