原先使用的是 hash模式路由,因为要结合qiankun进行微前端改造,改成了 history模式,结果页面刷新之后没有正确渲染组件。按照一般思路检查 nginx配置
try_files $uri $uri/ /index.html;
也配置上了,还是有问题。
页面异常显示
问题原因
后来又仔细排查了一下nginx配置,发现了一点值得怀疑的异常:在接口转发配置中,其中一个接口前缀竟然跟页面路由前缀重复了。把这项配置去掉,再部署刷新页面,果然没问题了。
解决办法
根据实际项目修改工作量评估选择修改方式:
方法1: 在这批接口url前添加一个和页面路由前缀不同的自定义前缀,在 nginx配置中对这个前缀重新配置转发
方法2: 或者,直接修改页面路由的前缀