自我入 qiankun 坑已经快一年了传送门。因 umi 体系的无缝衔接，对我个人来说基本没有障碍。本文依旧是记录我遇到的一些问题和解决方案。
首先整理一些关于 qiankun 的学习资源
| 标题 | 链接 |
|---|---|
| 关于微前端 | 传送门 |
| HTML entry 原理 | 传送门 |
| HTML entry | 传送门 |
跨域
常见两种解决方案
- CORS
- proxy_pass
二者对比
我选择的是 proxy_pass
micro-app nginx conf
server {
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
}
location /micro {
alias /usr/share/nginx/html/;
}
}
主 nginx 配置 太长贴个传送门
| server | 说明 |
|---|---|
| furan.xyz | 网关入口 |
| micro.furan.xyz | 微应用入口 |
鉴权
这个应由 RBAC 那边提供，再通过 runtime 注册机制注册 micro-app。
运行时动态配置
css-in-js 样式丢失
一年前我的解决方案是前缀+关沙箱。
今年我全部改成 css module 之后效果拔群。
有条件一开始就不要用 css-in-js 的方案