微前端qiankun在子应用中引入百度地图时报错解决

前端的南姐

于 2022-02-16 11:38:19 发布

阅读量3.1k

点赞数 2

分类专栏： qiankun VUE 百度地图文章标签：前端

本文链接：https://blog.csdn.net/happygirlnan/article/details/122960042

版权

VUE 同时被 3 个专栏收录

29 篇文章

订阅专栏

百度地图

11 篇文章

订阅专栏

qiankun

1 篇文章

订阅专栏

本文介绍如何通过修改主应用的start方法，使用excludeAssetFilter策略来解决动态加载微应用时的报错问题，重点讲解了自定义过滤规则以确保特定资源的安全加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错：

解决办法：

修改主应用中的start方法

start({ 
    prefetch: false, 
    strictStyleIsolation: true,
  })

修改为

  start({ 
    prefetch: false, 
    strictStyleIsolation: true,
    excludeAssetFilter: (assetUrl) => { 
      const whiteList = [];
      const whiteWords = ['baidu', 'map'];
      if (whiteList.includes(assetUrl)) { return true } 
      return whiteWords.some(w => { return assetUrl.includes(w)})
    }
  })

excludeAssetFilter - (assetUrl: string) => boolean - 可选，指定部分特殊的动态加载的微应用资源（css/js) 不被 qiankun 劫持处理