【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 }
相关推荐
勇闯逆流河22 分钟前
【C++】C++11(下)
开发语言·c++
青衫码上行26 分钟前
【Java Web学习 | 第15篇】jQuery(万字长文警告)
java·开发语言·前端·学习·jquery
x***13392 小时前
【MyBatisPlus】MyBatisPlus介绍与使用
android·前端·后端
z***75155 小时前
【Springboot3+vue3】从零到一搭建Springboot3+vue3前后端分离项目之后端环境搭建
android·前端·后端
fruge6 小时前
仿写优秀组件:还原 Element Plus 的 Dialog 弹窗核心逻辑
前端
胡萝卜3.06 小时前
掌握C++ map:高效键值对操作指南
开发语言·数据结构·c++·人工智能·map
an86950016 小时前
vue新建项目
前端·javascript·vue.js
电子_咸鱼7 小时前
【STL string 全解析:接口详解、测试实战与模拟实现】
开发语言·c++·vscode·python·算法·leetcode
w***95497 小时前
SQL美化器:sql-beautify安装与配置完全指南
android·前端·后端
沐知全栈开发7 小时前
ionic 选项卡栏操作详解
开发语言