【umi】umi设置端口号的方式

三种方式,根据各自的版本去实践,建议方法一,较为省事

方法一、使用‌cross-env工具设置端口号

安装cross-env工具:

bash 复制代码
npm install cross-env --save-dev

或者

bash 复制代码
yarn add cross-env -D

之后在package.json中设置启动命令指定端口号

找到package.json的目录。

在项目的启动命令后面加入端口:

bash 复制代码
"start": "cross-env PORT=9000 umi dev",

这样项目启动时,就会使用固定的端口号9000了。

方法二、在package.json中设置启动命令指定端口号

找到package.json的目录。

在项目的启动命令后面加入端口:

bash 复制代码
"start": "set PORT=8888 && umi dev",

这样配置后,项目启动时就会使用固定的端口号8888。

方法三、在configs.ts配置中置顶devServer.port

bash 复制代码
devServer: { port: 8000 }
相关推荐
晴殇i5 分钟前
JavaScript还能这样写?!ES2025新语法让代码优雅到极致
前端·javascript·程序员
夜晚中的人海12 分钟前
【C++】位运算算法习题
开发语言·c++·算法
浏览器API调用工程师_Taylor15 分钟前
我是如何将手动的日报自动化的☺️☺️☺️
前端·javascript·爬虫
裸奔在上海20 分钟前
使用Java做URL短连接还原长链接获取参数
java·开发语言·程序人生·spring
爱吃烤鸡翅的酸菜鱼20 分钟前
如何掌握【Java】 IO/NIO设计模式?工厂/适配器/装饰器/观察者模式全解析
java·开发语言·后端·设计模式·nio
程序员大雄学编程38 分钟前
「用Python来学微积分」17. 导数与导函数
开发语言·python·数学·微积分
东哥很忙XH38 分钟前
flutter开发的音乐搜索app
android·javascript·flutter
扶尔魔ocy40 分钟前
【QT常用技术讲解】可拖拽文件的Widget--QListWidget
开发语言·qt
枫叶丹441 分钟前
【Qt开发】布局管理器(一)-> QVBoxLayout垂直布局
开发语言·c++·qt
I'm Jie1 小时前
Gradle 的项目结构与源码集(Source Sets)详解(Kotlin DSL)
android·java·开发语言·spring boot·spring·kotlin·gradle