代码拉取完成，页面将自动刷新
同步操作将从 cxlt216/micro-app 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
micro-app是京东零售推出的一款微前端框架，它基于类WebComponent进行渲染，从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。它是目前接入微前端成本最低的框架，并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的功能。
micro-app与技术栈无关，对前端框架没有限制，任何框架都可以作为基座应用嵌入任何类型的子应用。
微前端分为基座应用（也可以叫做主应用）和子应用。
这里以一种比较常见的情况举例：基座应用使用vue框架，采用history路由，子应用使用react框架，采用hash路由，我们分别列出基座应用和子应用需要进行的修改，具体介绍micro-app的使用方式。
1、安装依赖
yarn add @micro-zoe/micro-app
2、在入口文件引入
// main.js
import microApp from '@micro-zoe/micro-app'
microApp.start()
3、在页面中嵌入微前端应用
<!-- my-page.vue -->
<template>
<!-- 👇 name为应用名称，url为应用地址 -->
<micro-app name='my-app' url='http://localhost:3000/'></micro-app>
</template>
在webpack-dev-server的headers中设置跨域支持。
devServer: {
headers: {
'Access-Control-Allow-Origin': '*',
},
},
以上微前端基本渲染完成，效果如下：
更多详细配置可以查看官网文档
如果您对这个项目感兴趣，欢迎提 pull request，也欢迎 "Star" 支持一下 ^_^
1、克隆项目
git clone https://github.com/micro-zoe/micro-app.git
2、安装依赖
yarn bootstrap
3、运行项目
yarn start # 访问 http://localhost:3000
更多命令请查看DEVELP
具体细节请参考文章：micro-app介绍
对于不支持CustomElements的浏览器，可以通过引入polyfill进行兼容，详情可参考：webcomponents/polyfills。
但是Proxy暂时没有做兼容，所以对于不支持Proxy的浏览器无法运行micro-app。
浏览器兼容性可以查看：Can I Use
总体如下：
如果是开发环境，可以在webpack-dev-server中设置headers支持跨域。
devServer: {
headers: {
'Access-Control-Allow-Origin': '*',
},
}
如果是线上环境，可以通过配置nginx支持跨域。
支持，详情请查看适配vite
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。