微前端踩坑记录 - 无界、乾坤

  1. style报错
    使用无界进行嵌套子应用,如果子应用是react,出现了style<>什么的,需要将react中的动态生成样式修改为一次性生成样式

  2. 如果子应用中有弹出层的,比如select组件等,使用了antUI,有时候会出现点击后没有弹出效果,其实是因为默认弹出在了document.body中,需要给他二次更换一下绑定节点

  3. 【已踩坑】主应用内子应用请求接口,headers返回不全,子应用单独启动可以返回完整header
    现象:
    主应用内子应用请求接口 ,看控制台上面的network的headers中是有很多的,但是console只能打印到content-type,最多再加一个
    content-length;
    子应用单独启动可以返回完整的。

解决:
这个时候需要由后台服务端进行处理
后台接口中,在响应头中增加:
context.Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition"); // 或者 *

如果是用nginx部署后发现这个问题,那么需要再nginx的代理配置中加上这个,后台接口就无需再加了

具体可见:
https://www.cnblogs.com/testlearn/p/17311664.html
https://www.cnblogs.com/alww/p/14048970.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、概念介绍 Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完...
    刘远舟阅读 1,095评论 0 0
  • 1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点...
    七月鎏金阅读 696评论 0 0
  • 如何清除浮动,有哪几种方法,区别是什么 1、移动端你遇到过什么兼容问题? 1、如果在input设置边框颜色在ios...
    崽崽不哭阅读 797评论 0 1
  • 1、移动端你遇到过什么兼容问题?1、如果在input设置边框颜色在ios系统里会出现兼容性问题,需要在外面加一个d...
    阿帕奇哟阅读 857评论 0 8
  • 1、移动端你遇到过什么兼容问题? 1、如果在input设置边框颜色在ios系统里会出现兼容性问题,需要在外面加一个...
    青青菜鸟阅读 4,446评论 0 28