关于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无用
# 金乡网站设计建设
# 西秀区营销推广费用计算
# 台州网站推广威薪hfqjwl下拉
# 保定网络推广网站建设
# 沧州泊头seo优化
# 市场营销推广简报
# 网站栏目内页优化
# 百度推广网站地址
# 天津百度关键词优化排名
# 湘潭seo关键词排名
# 掇刀网站建设视频
# 如何找外国客户网站推广
# 超市营销推广意见建议
# 网站建设对策
# 抖音seo运营公司
# 西安建筑网站建设
# 校园营销推广大赛
# 网站优化服务公司
相关栏目：
【
Google疑问12 】
【
Facebook疑问10 】
【
网络优化76771 】
【
技术知识130152 】
【
IDC云计算60162 】
【
营销推广131313 】
【
AI优化88182 】
【
百度推广37138 】
【
网站推荐60173 】
【
精选阅读31334 】
相关推荐：
【收藏】分享10个普通人可以操作的有效引流方法
如何衡量cpm、cpc、广告的实际投放效果？
免费爬虫-轻松抓取网络数据，打造个人化数据神器,铁岭网站推广哪家便宜
SEO努力：提升网站排名的关键策略,seo实践教学
优化软件：让电脑性能焕然一新，提升效率的秘密武器,王通seo书
新手应该如何选择适合自己的引流渠道？推荐这6种方法！
中文润色：提升表达的艺术，打造无懈可击的语言魅力,赵县seo服务
关键词优化，让你的网站跃升搜索引擎首页,章芸seo排名
网赚小白们必看的广告联盟赚钱思路！
|直播|app需要什么资质呢？需要具备这6个资质证件！
怎样做才能够有效的增加网站流量？
竞价广告该如何投放，有什么技巧可借鉴的？
SEO怎么做才能提升网站流量与排名？这篇文章给你全攻略,企业网站建设指标
SEO有点：揭秘优化之道，提升网站排名的秘诀,商务网站建设和应用
广告联盟是什么？主要有这三大分类！
做国外广告联盟赚钱需要准备什么软件和注意哪些细节？
写作收费吗？揭秘背后的行业内幕与收费标准,泰州关键词排名供应商
广告联盟行业中如何通过软件、app推广拉新赚钱？
“只能写作”：在创作的世界里，选择文字，就是选择自由,seo排名优化客服
利用b站*进行快速、大量引流的4个方法！
SEO合作：让你的网站在搜索引擎中脱颖而出,小说营销推广文案
内容网站营销和网站seo优化有什么差别？
SOE优化：让你的网站轻松登顶，流量激增的秘密武器,茶陵网络营销推广方式
SEO手段：提升网站流量的制胜法宝,买关键词和排名
看完这一套完整的app推广攻略，再也不用担心app引流获客了！
为什么网站的原创文章收录了但是无排名？主要是这几个原因！
高佣金联盟和淘宝联盟有什么区别？哪个比较好？
“赞片CMS”-让你的*站点管理更高效、便捷,信阳网站推广营销招聘网
关注热度，趋势-让你的品牌在市场中脱颖而出,广告商务营销推广方案设计
联盟营销是什么意思？最早的联盟营销平台是哪个你知道吗？
广告联盟源码下载平台有哪些，免费版的源码在哪可以下载？
写方案AI：提升工作效率的未来智能助手,西安建网站 SEO
企业app引流获客的四个有效方法
网上多数的赚钱信息都是“搞信息差”，这才是网赚的精髓！
前置摸排：企业风险管控的新利器,鄂州网站建设策划公司
SEO包月服务：助力企业提升网站排名与流量的长期利器,邹平县网站优化模板
SEO这样做，轻松引爆流量，助力企业成长,建设一个好网站
广告联盟源码不知道在哪下载？这个广告联盟平台源码推荐给你！
遇到一些“做任务”的推广你可要小心了，很容易被骗！
最新非常容易赚点零花钱的手机游戏赚钱项目推荐！
网页优化和网站搜索引擎优化有何区别？
想通过做问卷调查赚钱，这七个平台不容错过！
如何用手机赚钱？最容易赚钱的10个手机赚钱项目送给你！
刷流浪软件：开启手机新世界，释放无限可能,永州关键词排名哪家靠谱
中国AI软实力崛起：技术创新与产业应用的完美融合,五金门店营销推广方案
SEO更好，让你的网站从此脱颖而出,seo html 嵌套层数
利用SEO官网打造高效网站，提升品牌曝光度与转化率,惠城网站优化
SEO通过-如何通过SEO优化让你的业务在搜索引擎中脱颖而出,忠县网站seo优化排名
SEO本站：提升网站流量与排名的秘密武器,店铺如何做营销推广工作
新手如何通过在日付广告联盟上做推广赚钱？
2026-01-15
致胜网络推广营销网专注海外推广十年,是谷歌推广.Facebook广告全球合作伙伴,我们精英化的技术团队为企业提供谷歌海外推广+外贸网站建设+网站维护运营+Google SEO优化+社交营销为您提供一站式海外营销服务。
