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配置增加如下内容

 

posted @ 2023-04-03 09:56  wjs0509  阅读(292)  评论(0编辑  收藏  举报