react16 umi3 快速刷新配置
场景:项目采用 qiankun 微前端搭建,我负责的主项目 vue2 + qiankun 的框架搭建,及子项目 react16 + umi3 的接入,项目正常跑一段时间后,负责子项目的前端开发反馈一个问题,本地开发时子项目会自动调用接口,且在表单录入的数据会自动清空,为解决这个问题,对子项目进行问题复现。
问题一:复现接口自动刷新问题。
经排查代码中入口页面写了定时器,定时调用某些接口,但此部分的接口调用并不会清空页面表单录入的数据。
问题二:表单内容清空问题复现。
问题排查及定位:本地修改代码并保存,然后在页面表单录入数据,大概1秒后表单数据清空,查看控制台,调用了umi.c12345.hot-update.js资源,每次获取之后页面重新加载。
问题解决:热更新问题,查看umi 官网,修改 config.js 配置。
export default defineConfig({fastRefresh: {}
})
参考文档:快速刷新(Fast Refresh)