微前端细节

已于 2022-05-05 09:55:28 修改
阅读量345 收藏
点赞数
分类专栏： vue 文章标签： 前端 vue.js javascript 乾坤 微前端
于 2022-02-16 09:37:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxl_start/article/details/122956686
版权
  1. 主应用报跨域，子应用接口正常 env.product文件中VUE_APP_BASE_URL不能加端口号 直接在config.js里写 后端通过ngix转发
    主应用路径出错跨域多了端口号
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
    2.打包之后 子应用接口路径前面出现undefind
    在这里插入图片描述
    原因是axios里的路径有问题 红色框出来的为正确的
    在这里插入图片描述
    config.js文件里的配置
    在这里插入图片描述
    在这里插入图片描述
淋雪小新
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微前端概念
01-27
微前端是一种将微服务理念应用于前端开发的架构模式，它源于2016年ThoughtWorks的技术雷达报告。随着单页面应用（SPA）的发展，大型前端应用的维护问题日益凸显，微前端应运而生，旨在解决前端巨无霸的问题。微前端...
京东开源微前端架构框架
04-13
《京东开源微前端架构框架深度解析》 在现代互联网应用的发展中，单页面应用程序（SPA）已经成为主流，但随着业务的复杂性和规模的增加，单一的SPA架构面临着维护困难、加载时间过长等问题。为了解决这些问题，京东...
微前端究竟是什么？微前端核心技术揭秘！
QcloudCommunity的博客
02-23 4408
导语|微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。一、微前端背景（一...
从微前端到微后端，不可思议的前端架构思考
前端下午茶
09-18 614
背景微服务的概念已经过去了好久，微前端也已经实践了一段时间，在去年不同的分享会上都有听到各家公司关于微前端的实践，总体来说，微前端是因为前端架构的不断演进，结合后端微服务的理念而创造出来...
理解微前端技术原理
Jack, what else can you do besides holding your little darling?
12-03 1680
理解微前端技术原理
微前端解决方案
最新发布
Vivien_CC的博客
07-13 878
优点：CSS和JavaScript天然隔离，避免了样式冲突和脚本污染，拥有对应的用于单独部署子应用组件的域名多个子应用可以并存，支持并行开发和独立部署代码的可读性变得非常清晰，组件资源内部高内聚，组件资源由自身加载控制原生浏览器支持，不依赖于特定的框架或库缺点：浏览器和框架的支持不够：浏览器实现不一致，存在向后不兼容的版本问题，需要额外的polyfills支持开发成本较高：需要重写现有的前端应用，在整个前端应用上把它们全部转换成Web Components。
微前端理解
qq_45829293的博客
07-29 416
微前端的基本理解
什么是微前端
wujiayu31415的博客
06-15 905
这种实现方式的优势在于，其他团队完全不需要了解构建组件的团队所使用的技术栈或者具体的技术实现，就可以直接使用这个UI组件。右边的终端界面呈现的就是一个请求是如何路由到红色团队服务器的，红色团队的nginx进程在返回整个产品信息页面的同时，也负责根据URL将蓝色团队和绿色团队实现的对应代码片段载入页面。说明了这个问题的重要性。前端应用发展至今，单个web服务器的架构已经不足以满足业务的需求，所以我们必须向更深远的方向考虑，一个web应用应该如何更加深入的与浏览器进行结合，而这，就是这篇文章关注的焦点。
微前端-qiankun
weixin_43299180的博客
03-13 1387
同时，子应用需要单独维护一份 shared 实例，在独立运行时使用自身的 shared 实例，在嵌入主应用时使用主应用的 shared 实例，这样就可以保证在使用和表现上的一致性；因为在 qiankun 中，主应用是通过 fetch 来拉取子应用的模板，然后渲染在主应用的 dom 上的，所以还是运行在同一个域名上，也就是主应用的域名；微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用后，随之而来的应用不可维护的问题；
微前端基础知识
Vivien_CC的博客
07-13 1108
微前端借鉴了微服务的架构理念，它既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活，有一个基座应用（主应用），来管理各个子应用的加载和卸载，所以微前端不是指具体的库，不是指具体的框架，不是指具体的工具，而是一种理想与架构模式，微前端的核心三大原则：独立运行、独立部署、独立开发。
微服务都了解了，微前端呢？来看看微前端的前世今生
星宇大前端
03-11 542
知道微前端已经一段时间了，最近公司项目在膨胀，使用微前端技术迫在眉睫，研究了半个月总结下所看所想。   前端为什么不能有微服务？ 刚转到前端的时候，我就带着这个疑问。 做后端的时候有微服务，每个微服务可以单独运行，通过注册中心拉起成为一个大项目。 做移动端的时候我们可以组件化，每个组件都可以是一个app单独运行，我们通过一个中间件将每个组件拉起，组合成想要的app。 到了前端难道我们只能通过npm打包的方式去集成吗？带着这个问题，我首先找到了IFrame。   为什么不是Ifram.
qiankun-demo:微前端
03-19
通过分析`qiankun-demo-master`这个压缩包文件，我们可以深入学习微前端的实现细节和最佳实践。 1. **微前端架构**：微前端的核心思想是将单体应用拆分为多个小型、可重用的子应用，这些子应用可以独立开发、测试和...
qubix:使用create-react-app创建微前端
04-30
标题中的“qubix”是一个基于Create-react-app的工具，用于构建微前端（Micro Frontend）项目。微前端是一种架构模式，它允许我们将一个大型单页应用（SPA）拆分为多个独立的、可部署的子应用，这些子应用可以在同一...
mvuehr:微人事前端
03-14
**mvuehr: 微人事前端** `mvuehr` 是一个基于 Vue.js 框架构建的微型人力资源管理系统前端项目。它旨在提供一个轻量级、高效且易于定制的人事管理界面，适用于小型企业或团队。Vue.js 是一套用于构建用户界面的渐进...
element ui 级联选择器动态加载
zxl_start的博客
07-09 8217
利用elementui的级联选择器先请求第一级数据，当用户点击第一级节点时再根据点击节点的id请求它的子类并渲染 <el-cascader clearable placeholder="请选择" @change="handleChange" v-model="form.dsdCode" :props="cascaderProps" ></el-cascader>
对vue项目js文件打包时进行混淆加密
zxl_start的博客
08-31 4940
vue打包文件混淆
electron 打包报错 npm ERR! code ELIFECYCLE npm ERR! errno 1
zxl_start的博客
06-09 3101
electron 打包出错
国密 sm2，sm3，sm4加解密兼容ie问题
zxl_start的博客
09-27 2972
IE浏览器中会出现如下报错： 找问题找了许久终于终于找到了。原因是在sm2，sm3，sm4的加密算法中用到了一个叫jsbn这个依赖。然而这个依赖并没有被webpack转化并编译称ES5的语法，大家都到IE的兼容性不怎么好，特别是对新语法的支持程度一直都不好。所有必须针对IE进行处理，借鉴这位博主文章具体处理如下： 1、看sm2，sm3，sm4文件中的源码不难发现，每个文件中都有const {BigInteger} = require(‘jsbn’)这一段代码，那么我们需要手动安装jsbn，在命令行执行npm
更多关于微前端的技术细节
05-18
微前端是一种前端架构模式，它通过将一个大型应用程序拆分成多个小型子应用程序来实现。每个子应用程序都可以独立...以上是一些微前端的技术细节，当然还有其他的技术细节需要考虑，这些细节取决于实际的应用程序需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值