解决qiankun微前端加载腾讯地图JSONP跨域问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了解决qiankun微前端加载腾讯地图JSONP跨域问题相关的知识，希望对你有一定的参考价值。
参考技术A qiankun微前端框架加载腾讯地图会报jsonp请求跨域的问题,官网给的解决方案如下图所示：然而并不能解决实际项目遇到的场景，qiankun框架加载腾讯地图api，腾讯地图本身会动态加载一些JSONP请求的js，从而导致JSONP跨域错误，加载不了地图，就很麻烦，算是qiankun框架的天生bug吧？于是我使用了曲线救国的方法来解决这个问题。
新建了一个腾讯地图的项目，使用iframe嵌套腾讯地图，使用postMessage互相通信。
这个子应用我是使用vue3来开发的，该子应用和iframe的通信方式如下：
因为使用到腾讯地图WebService API 的关键词输入提示的接口，需要使用jsonp请求来获取数据，这里使用vue-jsonp来发送jsonp请求。
涉及到的知识点有：
以上是关于解决qiankun微前端加载腾讯地图JSONP跨域问题的主要内容，如果未能解决你的问题，请参考以下文章