npm run serve 指定端口号

最新推荐文章于 2024-12-22 00:23:33 发布
最新推荐文章于 2024-12-22 00:23:33 发布
阅读量4.4k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： npm vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zeker66/article/details/127922457
版权

开发情景

一台机子上面，同一套代码跑两个环境。
最开始默认的端口是3000
出现问题，先跑test环境后，如下图所示
在这里插入图片描述
这个时候如果再跑一个生产环境的，后面的端口号会自动顺延到3001
同理，如果先启动生产环境，端口号是3000，再启动测试环境，测试环境的端口号就会变成3001

解决方案

启动时，增加端口号

//  port
 npm run serve -- --port 3333

修改vue.config.js文件

在这里插入图片描述
如图所示，修改 vue.config.js此处
修改port 为 4000后

在这里插入图片描述

前端执行npm run serve，执行到一半卡住的解决办法（全）
码农研究僧的博客
03-20 3498
前端执行npm run serve，执行到一半卡住的解决办法
vue启动项目时指定端口的方法
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
npm run dev 启动vue的时候指定端口
ZHENGCHUNJUN的博客
01-18 5843
通过参数来指定 Vue CLI 的开发服务器使用的端口号。使用的是 Vue CLI 来创建和管理 Vue 项目，确保在命令行中正确输入命令，并替换成您想要的端口号。来指定启动的端口号。可以通过设置 --port。进入您的 Vue 项目目录。这样，您就可以在运行。
npm-serve 启动时修改端口号
LaoYe的博客
01-14 3342
server指定端口
曾三岁
03-04 1597
[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 07 如何修改 npm run serve 的启动端口号
好久不见的流星
09-12 744
这里修改启动端口号为 9000，则在启动命令后面加上 --port 9000。在 package.json 文件中找到 serve 对用的脚本。最后，启动服务验证一下。
vue 框架中一运行npm run serve 给我生成新的端口号，怎么解决
12-11
在Vue框架中，如果你运行`npm run serve`命令时生成了新的端口号，通常是因为默认端口（默认是8080）已经被占用。解决这个问题的方法有以下几种： 1. **更改默认端口**： 你可以在`package.json`文件中找到`...
运行 npm run serve
最新发布
02-19
#### 运行 npm run serve 启动服务端口 完成上述准备工作后，在终端内键入下列指令开启 Webpack 开发中间件的服务实例： ```bash npm run serve ``` 当遇到特定错误如 OpenSSL 的初始化问题时，可通过设置环境变量...
怎么解决npm run serve慢
06-09
4. 更改端口号：npm run serve默认使用的端口号是8080，如果该端口号被其他程序占用，也会导致npm run serve慢。可以尝试更改端口号来解决问题。 5. 使用缓存：使用缓存可以减少每次运行npm run serve时的重复计算...
npm run serve 启动
02-02
这段代码设置了本地主机地址为 `localhost` 并指定了端口号为 `8080`[^2]。 #### 执行启动命令 在命令行工具中输入并执行以下指令以启动应用程序: ```bash npm run serve ``` 此命令会调用 `package.json` 文件内...
npm 启动服务 --- 修改服务端口号
Ccc67ol的博客
04-19 8242
学习配置服务开启的指定端口
npm run serve命令的一点思考
m0_55477902的博客
01-18 728
总的来说，通过本地开发服务器监听指定的端口，实现了在本地预览和开发 Vue.js 项目的功能。在生产环境中，部署到服务器时，你可以使用类似 Nginx、Apache 等服务器，通过监听端口来提供服务，实现 Vue.js 项目的正常访问。Vue.js 项目通过端口访问的实现原理主要是通过启动一个本地开发服务器来监听指定的端口，并在该端口上提供服务。通过监听的端口，开发服务器会提供一个本地服务地址，你可以在浏览器中访问这个地址来预览你的 Vue.js 项目。在开发环境中，Vue CLI 通常使用类似。
npm run dev指定IP和端口运行VUE-TS项目
唯有热爱 可抵万难
12-22 325
【代码】npm run dev指定IP和端口运行VUE-TS项目。
npm run dev 切换不同端口启动项目
az44yao的专栏
02-18 1847
npm run dev 切换不同端口启动项目。多人在同一机器上启动node项目，会出现默认。或者自己想通过自定义的端口启动项目。2.package.json文件中切换端口。3.package.json文件中切换端口。
npm 端口设置成80_如何即时设置一个静态文件服务器
weixin_35743986的博客
01-14 324
曾经想通过网络共享你的文件或项目，但不知道怎么做？别担心！这里有一个名为 serve 的简单实用程序，可以通过网络即时共享你的文件。这个简单的实用程序会立即将你的系统变成一个静态文件服务器，允许你通过网络提供文件。你可以从任何设备访问这些文件，而不用担心它们的操作系统是什么。你所需的只是一个 Web 浏览器。这个实用程序还可以用来服务静态网站。它以前称为 “list” 或 “micri-list”...
devserver(本地开发服务器)：解决npm run serve 后http后是0.0.0.0的问题
weixin_62790313的博客
02-25 406
npm run serve 指令后：http:0.0.0.0 异常问题
npm start 修改启动端口的不同方式
热门推荐
小迷糊的专栏
05-10 6万+
antd的启动配置文件基于package.json文件，配合roadhog使用时，启动配置是： "scripts": { "start": "roadhog server", "build": "roadhog build", "lint": "eslint --ext .js src test", "precommit": "npm run lint" },
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
weixin_54048131的博客
06-05 161
【代码】支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值