qiankun的微应用如何调用主应用的工具类方法

以腾讯地图的搜索接口为例：https://apis.map.qq.com/ws/place/v1/suggestion

1、在主应用中定义一个工具类方法：

 由于在vue中不能直接调用第三方的接口（因为跨域），除非后台做下处理，所以上面的方法引用了vue-jsonp这个插件来处理跨域

2、在主应用的入口文件main.js里面将定义好的方法注入到props里面，让微应用可以接收到

import { suggestion } from './utils/txmap'

 3、在微应用里面就可以取到props传过来的 txsuggestion 方法，并将其挂载的vue的原型上面

 4、微应用中使用原型上面的 txsuggestion 方法

 5、如果本地开发正常，但打包后报错，需在主应用的qiankun配置增加如下内容

 

__EOF__

本文作者：wjs0509
本文链接：https://www.cnblogs.com/wjs0509/p/17282205.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！