全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：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
# 网站优化电池推荐
# 月嫂行业网站建设宣传
相关文章：
小红书引流该如何做？10个小红书快速引流方式介绍！
公众号爬取：让数据采集更轻松，助力内容创作者的精准营销,萧县微信网站建设价格
QQ群操作红包引流cppa推广赚钱日赚1000+的运营思路和方法分析！
探索网站盈利之路——从策略到实践，从策略到实践，探究网站的盈利之道
引流技巧之怎么利用qq引流大量的男粉流量！
推广的常见的4个另类做法，你是不是也实验过？
相亲粉、交友粉、引流思路分享，这么做快速有效！
网站主动引流推广赚钱该怎么做？这6个方法简单又实用！
赚钱项目接单平台整理分享，想赚钱的不要错过了！
福州做网站，一站式服务助力企业互联网转型，福州网站建设，一站式服务推动企业互联网转型新篇章
WP原创：打造属于你的独特网站，从这里开始！,芜湖网站推广设计
优方法-高效生活与工作的秘密武器,修文网站优化
SEO难吗？揭秘SEO背后的真相，让你轻松上手！,长沙营销推广咨询电话
内容更新：让你的品牌保持领先的秘密武器,七星网站建设费用
2020年适合个人站长们通过网站赚钱的5大网站类型！
利用网站赚钱的10大方法，月入万元轻轻松松！
SEO目标：让您的网站轻松登顶搜索引擎,天津软文营销推广报价表
广告联盟投放广告有什么好处？这点你必须知道！
作为一个新手站长怎么加入百度广告联盟来赚钱呢？
什么是广告推广？赚钱该怎么做？
SEO确实是企业增长的关键，这些技巧让你走在行业前沿,清远专业的网站优化教程
一位大神的广告联盟赚钱经验分享，脚踏实地才是正途！
《收录情况：数字时代的网络信息检索与价值体现》,软件类SEO怎么做
二次创作的魅力与潜力：创意无限的数字时代,网站优化发什么内容
SEO赚钱：如何通过SEO技能在网络上实现财富自由,惠州网站建设 鑫
公众号誊录：让你的内容传播更广，吸引力倍增的秘诀,数据化展示网站建设
作品类别-打开创意世界的大门,seo巡演
三个日赚300500的收益快、无门槛、几乎零成本的网络赚钱项目分享！
推广类app的广告联盟，和其他的广告联盟相比有何优势？
被动赚钱日入300+的暴利赚钱玩法介绍
流量多但是没收益？教你如何提高广告推广的转化率！
【联盟基础】个人做任务赚钱是什么意思？
提高引流推广转化率的五个方法！
SEO精通：让你的内容在搜索引擎中脱颖而出,佛山专业网站建设报价
互联网营销该怎么做？主流的互联网营销方式有哪些？
怎样选择一个不作弊不扣量的广告联盟平台？
遇到一些“做任务”的推广你可要小心了，很容易被骗！
个人站长必备！6种最有效的网站推广方法!
贴吧引流转化日赚500的玩法介绍！
SEO埋词技巧，如何提升网站排名？,福州seo搜索栏流量
SEO知道：让你的网站在搜索引擎中脱颖而出,公司的关键词排名怎么查
“赞片CMS”-让你的*站点管理更高效、便捷,信阳网站推广营销招聘网
优化提长：让企业效能提升的秘密武器,德惠做网站建设的公司
SEO好吗？助力网站成功的关键之道,众筹网站建设哪家好
清远设备SEO优化费用解析，如何精准提升品牌曝光度？,刷推广网站点击率
利用引流脚本软件自动挂机推广日赚300！你需要准备这些！
弹窗广告背后的利益链条有多赚钱？你可能无法想象！
如何不花钱也能做好app推广运营？
优化入口：提升网站流量与转化率的秘密武器,海外营销推广电话
边玩游戏边赚钱？通过玩手机游戏赚钱的8款手游推荐！
*请认真填写需求信息，我们会在24小时内与您取得联系。
