【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 }
相关推荐
美式请加冰几秒前
异常的介绍和使用
开发语言·c++
爱学习的程序媛6 分钟前
【Web前端】优化Core Web Vitals提升用户体验
前端·ui·web·ux·用户体验
zabr7 分钟前
花了 100+ 篇笔记,我整理出 了一套 AI Agent 工程完全指南
前端·后端·agent
jing-ya17 分钟前
day 59 图论part10
java·开发语言·数据结构·算法·图论
软弹19 分钟前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
YaHuiLiang23 分钟前
Ai Coding浪潮下的前端:“AI在左,裁员在右”
前端
雪碧聊技术31 分钟前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
爱学习的程序媛31 分钟前
【Web前端】前端用户体验优化全攻略
前端·ui·交互·web·ux·用户体验
han_34 分钟前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
雾隐潇湘36 分钟前
C++——第三篇 继承与多态
开发语言·c++