全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
关于micro-app
2025年7月由京东开源的微前端框架
micro-地址
了解micro-app
一、micro-app使用版本以及使用场景？
这段不重要可跳过
版本：0.8.0
目前公司的多个项目共用同一个模块，像 A、B、C 这三个项目，其中部分页面完全相同。我们不想重复开发同一个模块，所以领导提出把重复的页面单独提取出来，形成独立的项目并单独部署。这个单独拿出来的项目是合格的，A、B、C 三个项目可以使用它进行内嵌。然而，我一直认为这不是好的解决方案，例如存在多个滚动条的问题、弹窗不能覆盖全局的问题，还有项目加载时会在页面上显示进度条。
我的想法是希望达到这样的效果，即子项目看起来就如同父项目自己的页面。所以最初我决定采用 vue-cli 提供的远程组件，把页面打包成组件后放置在服务器上，而父项目则引入必要的文件地址并挂载这些组件。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code class="prism language-html">父项目index.html <span class="token doctype"><!DOCTYPE html></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>X-UA-Compatible<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>IE=edge<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>宽度为设备宽度，初始缩放比例为 1.0 。<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>icon<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span><%= BASE_URL %>favicon.ico<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>你的 IP 加上端口后，其指向的路径为/v2/yczjTest/pageTest.css 。<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>你的 IP 加上端口后与 nj/packages/packages.css 相连接，形成了一个特定的访问路径。<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>xxx平台<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>app<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://unpkg.com/vue</span></span></code></pre></p>
# 京东前端框架
# 前端京东框架怎么做
# 前端京东框架是什么
# 多个
# 自己的
# 这段
# 我一直
# 形成了
# 这不是
# 拿出来
# 不重要
# 这三个
# 跳过
# 开源
# 比例为
# 完全相同
# 内嵌
# 滚动条
# 相连接
# 进度条
# 京东
# 器上
# 加载
# seo编辑怎么找词
# 高质量网站优化软件推荐
# 定制网站建设咸阳
# seo 渗透 是什么
# 西城区建设网站
# 莲池买菜网站建设公司
# 平果租房网站建设文案
# 亚瑟SEO查询
# 石首网站seo优化公司
# google官方seo指南
# 关键词排名材质
# 云南哪有网站建设公司
# 微信网站建设厂家
# oppo手机网站推广方案的设计
# 铁岭手机网站推广
# 新沂技术网站建设多少钱
# 扬州seo搜索栏
# 畜牧论文网站建设ppt
# 网站优化电池推荐
# 月嫂行业网站建设宣传
相关文章：
揭秘自媒体营销的秘密武器，如何让内容脱颖而出并实现流量变现,永川区的网站推广
SEO全套秘籍：提升网站流量与排名的终极指南,河南搜索关键词排名公司
app排名上不去？最新安卓应用市场app排名算法规则分享！
什么是秀米？全方位了解这款微信公众号排版神器,seo超级链接工具
SEO好吗？助力网站成功的关键之道,众筹网站建设哪家好
SEO实现：如何通过SEO优化提升网站流量与排名,南通网站排名优化最专业
想要利用qq群赚钱月入过万，该怎么做？
网站运营该如何持续地提升网站权重来获取更多的流量？
SEO新站优化指南：快速提升排名的必备技巧,广州抖音seo合作
没本钱怎么在手机一天赚500？“趣闲赚”分享推广做任务赚钱玩法介绍
免费收录：助你网站腾飞的绝佳机会,汾阳灯箱网站建设
为什么选择收录网站是企业在线营销的必备策略,微信公众号营销推广图
app线下推广之校园app地推活动应该如何进行？
微信引流的四大群体，引流这样做才有效果！
做推广引流工作的时候需要注意那些问题？
推广赚钱的渠道有哪些？只有这样才能实现一劳永逸的躺赚！
可以单人做任务来赚钱的项目有哪些？有哪些靠谱的平台推荐？
广告联盟行业中如何通过软件、app推广拉新赚钱？
沈阳网站，打造东北地区互联网新地标，沈阳，东北互联网新地标崛起
【联盟基础】链接推广赚钱是什么意思？怎么做？
SEO对策：提升网站排名与流量的必备策略,南通网站优化经验
豆瓣引流拉新变现月入过万项目实操经验分享！
个人网站赚钱该怎么做？
《SEO教材：打造网站流量的核心利器，教你轻松SEO优化技巧》,seo面试题及答案
关键词系统：数字营销的核心利器，让你轻松引爆流量,seo深度分析pdf
穿山甲广告联盟具备哪些优势和劣势，是否值得加入赚钱？
SEO汇报：如何通过数据分析提升网站排名，助力企业业绩增长,巨量创意关键词搜索排名
流量多但是没收益？教你如何提高广告推广的转化率！
SEO站群：打造强大网络营销引擎，助力企业快速提升排名与流量,平谷seo网站营销推广
你知道吗？苹果SEO让你的品牌在苹果设备中脱颖而出,广州水果品牌营销推广
伪文章：互联网时代的营销神器，打造品牌的全新突破口,seo 推广排名
SEO网：让你的数字营销更加精准高效，开启网络引流新时代,seo望族希望
怎样才能在联盟上推广|直播|、聊天交友类app注册赚到更多的钱？
3个日赚300500的玩游戏赚钱方法分享
制作软件全家桶静默安装包日赚1000元的玩法介绍！
app推广拉新之app成功与否关键在于这3个运营策略！
福建百度推广房产有效果吗？,漳州网站建设方面有哪些
广告联盟上的网赚形式有哪些优势？
推广赚钱怎么才能达到日赚1000+？你得这样做！
盘点我们曾经用过的广告联盟推广方式，哪几种你还在用？
关键效果：如何通过聚焦核心要素，突破瓶颈，创造卓越成就,营销和定向计划怎么推广
关注热度，趋势-让你的品牌在市场中脱颖而出,广告商务营销推广方案设计
网赚小白们必看的广告联盟赚钱思路！
【联盟基础】个人做任务赚钱是什么意思？
SEO应该如何提升网站流量与排名？揭秘成功的SEO策略,昆山网站建设推广报价
广告推广赚钱是什么意思？怎么做？
无锡网站 *** ，打造个性化企业网站，助力企业腾飞，无锡专业网站定制，塑造企业品牌新形象，无锡专业网站定制，助力企业品牌形象升级
兴趣部落+qq空间引流推广联盟产品日赚1000+玩法分享！
网赚大神利用猪八戒月入过万的经验分享！
社群引流转化年入200万项目实战经验分享！
*请认真填写需求信息，我们会在24小时内与您取得联系。
