最近在做一个v3的项目,需要和已有的微服务平台进行嵌入。分享一些坑吧,我的微应用接入使用到qiankun,官方文档地址:qiankun - qiankun。
主框架:
首先我的项目刚开始是用vite搭建的,但是在和主应用对接的时候发现主应用返回的登录页面信息是无法渲染到页面上的,后来百度说vite搭建项目可能会有问题,就换成了脚手架进行搭建,果然没有任何问题。具体原因我也不知道为什么,如果大家已有关于vite搭建项目的实战经验可以评论分享呀🤣。
组件库:
之前看到说v3的项目用Element UI框架比较好,是比较偏向Element UI的,后来又问了实际开发中的同学,建议不要使用Element UI,因为在v3项目中使用Element UI的话有的类名会进行覆盖,如果你是一个项目那么没有问题,但如果是这个微前端的话就会出现样式覆盖的问题,你写的样式可能会影响别的项目,所以我最终选择的是Ant Design,具体的话可以根据自己项目情况进行选择。
坑一报错:
可以看出报错原因是router的问题,我当时的router版本是2.几,把router版本进行升级完美解决。
坑二:
通过这种方式导出queryLoginUserInfo函数报错is not a function。
正确代码导出如下:
import http from './http'
console.log("http===",http)
const queryLoginUserInfo = (url, params) => {
return http.service('post', url, params)
}
export {
queryLoginUserInfo
}
关于v3的坑后面一一分享🍉。