AntDesign多环境配置启动过程详解
更新时间：2023年11月09日 09:28:15 作者：Leovany
这篇文章主要为大家介绍了AntDesign多环境配置启动过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
环境分类
可以分为 本地环境、测试环境、生产环境等，通过对不同环境配置内容，来实现对不同环境做不同的事情。
AntDesign 项目，通过 config.xxx.ts 添加不同的后缀来区分配置文件，启动时候通过后缀启动即可。
config.ts : 公共配置config.xxx.ts：不同环境的差异配置
1 查看当前环境
通过代码process.env.NODE_ENV 查看开发环境
用了 umi 框架，build 时会自动传入 NODE_ENV == production 参数，start NODE_ENV 参数为 development
- 开发环境：development
- 生产环境：production
2 配置文件
不同项目都有不同的配置文件，umi的配置文件是config，可以在配置文件后添加对应的环境后缀来区分不同的环境。
参考文档：https://umijs.org/docs/api/api
- 公共环境：
config.ts - 开发环境：
config.dev.ts - 生产环境：
config.prod.ts
3 修改请求后端地址
通过自定义的request中的prefix设置请求后端地址
4 打包
打包方式分为命令行或界面按钮两种，最终都会生成dist目录。
Build 出来的环境process.env.NODE_ENV值是production
命令行方式，记得要在项目根目录执行。
方式一：
npm run build
方式二：
umi build
方式三：
按钮触发，跟方式二一样，方式二是命令行
5 启动
安装 serve
server 是前端启动的工具，方便本地启动
npm i -g serve
命令行启动
// 进入打包目录 cd ./dist // 本地启动 serve
点击链接访问即可
总结
前端的多环境配置，相对于后端有些麻烦，还有很多可以优化的空间。
以上就是AntDesign多环境配置启动过程详解的详细内容，更多关于AntDesign多环境配置启动的资料请关注脚本之家其它相关文章！
相关文章
在数据库设计中,有时候需要使用复合主键来唯一标识表中的一行数据,本文将为您详细介绍MyBatis Plus中复合主键的问题以及解决方案,具有一定的参考价值,感兴趣的可以了解一下2023-09-09
本篇文章主要介绍了JAVA微信扫码支付模式一线下支付功能实现，具有一定的参考价值，有需要的可以了解一下。2016-11-11
本文主要介绍了java基于quasar实现协程池的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧<BR>2022-06-06
Spring MVC+FastJson+Swagger集成的完整实例教程
这篇文章主要给大家分享介绍了关于Spring MVC+FastJson+Swagger集成的完整实例教程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-04-04
这篇文章主要介绍了SpringBoot集成JWT令牌详细说明,JWT方式校验方式更加简单便捷化，无需通过redis缓存，而是直接根据token取出保存的用户信息，以及对token可用性校验，单点登录，验证token更为简单,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了SpringDataJpa的@Query注解报错的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
mybatis-plus Wrapper条件构造器updateForSet更新方式
这篇文章主要介绍了mybatis-plus Wrapper条件构造器updateForSet更新方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
本文主要介绍Java notify和notifyAll的知识，这里整理详细的资料来说明notify 和NotifAll的区别，有需要的小伙伴可以参考下2016-09-09
这篇文章主要介绍了Java关于远程调试程序教程(以Eclipse为例),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了Java对数器验证算法，Java对数函数的计算方法非常有问题，然而在API中却有惊人的误差。但是假如运用了以下的方法，用Java处理数字所碰到的小麻烦就可以轻而易举的解决了2023-04-04
最新评论