![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
从零搭建微前端飞冰项目
文章平均质量分 72
前端imber
这个作者很懒,什么都没留下…
展开
-
从零搭建飞冰微前端项目《第三篇:搭建微应用》❤️
前言:把微应用接入主应用,其实很简单,但是要还要考虑数据通信等等问题路途有点远,也得慢慢走!微应用把React和Vue都用上吧,反正解耦了创建微应用就不使用AppWorks了,使用官网模板,再次声明icestark官网微应用在Appworks里称为子应用,官网里称为微应用前期没发现。可以不用云服务器,在本地跑项目,本地服务器拿资源也可以第一步:下载React/Vue微应用建议:把微应用和主应用放一个文件夹,方便开发管理下面拿React举例,Vue是一样的npm init i.原创 2021-08-20 09:46:10 · 1281 阅读 · 12 评论 -
从零搭建飞冰微前端项目《第四篇:权限管理》
????注意:暂未找到路由全局拦截配置(就是vue-router的路由守卫,解决方案:(无权限,或账号密码错误,或路由错误等)与后端约定,根据报错的状态码,跳到对应报错页面)icestark路由跳转必须使用appHistory!不细说:配置代理就build.json配置proxy、请求用ice里封装好的requestToken里存的用户角色????思路:第一次登录页时,先移除Token(不管有没有),用账号密码发送请求,请求成功跳回主页面,并存储Token第二次打开页面,如果有Tok原创 2021-09-01 12:01:38 · 1453 阅读 · 4 评论 -
TS报错整理
记录一下最近项目中TS报错及解决一.找不到模块“images/1.png”或其相应的类型声明。报错图:原因:TS没有识别图片模块解决方法:加上图片格式声明模块????成功不报红:二.类型“unknown”上不存在属性“data”。同:类型“{}”上不存在属性“data”。报错图:原因:对象上本没有某个属性,没有语法检测到该属性(即对象属性不明确)解决方法:定义对象的接口,但是往往后端数据是不能确定的,这个时候使用第二种方法将这个对象原创 2021-08-31 16:57:38 · 17929 阅读 · 0 评论 -
从零搭建飞冰微前端项目《第二篇:搭建主应用》
前提:VsCode里有AppWorks规范:又称框架应用或基座应用,一个系统只有一个主应用。主应用应该保持职责明确,一个设计良好的主应用只做两件事情:系统整体 Layout 的设计所有微应用的配置与注册主应用尽量避免包含具体页面的 UI 代码,如果主应用做了过多的事情会带来以下问题:主应用样式代码太多,会增加微应用和主应用样式冲突概率主应用为微应用提供其他能力比如一些全局 API,会破坏微应用的独立性,增加相互的耦合主应用本质是一个中心化的部分,变更后原则上需要回归所有微应.原创 2021-08-19 16:33:28 · 886 阅读 · 0 评论 -
从零搭建飞冰微前端项目《第一篇:优势分析》
框架选择:基于React的飞冰渐进式研发框架(阿里开源,也叫Ice/Icejs)微前端使用icestark微前端解决方案UI组件库选择fusifon(企业级的中后台设计系统解决方案)其他:ahooks、sass等优势(为什么选飞冰):有微前端解决方案ahook、状态管理、路由管理等开箱即用能力(拥有需要的各种封装,配置即用)可视化开发等开发需要(大致掌握):飞冰官网、Fusion官网、AppWorks官网、icestark官网、ahooks官网、物料市场...原创 2021-08-18 18:09:37 · 1022 阅读 · 0 评论