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

发布时间 2023-04-03 10:01:38作者: wjs0509

以腾讯地图的搜索接口为例: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 方法