Vanilla1119的博客

但是通过主应用去加载的子应用，子应用发出的请求实际已经被主应用劫持了，子应用配置的请求代理，在独立运行是没问题的。所以主应用也需要配置子应用需要的请求代理。自然不会运行到子应用的请求代理。

目录文件：src/layout/components/AppMain.vue。启动文件：src/micro/index.js。layout组件中挂载子应用。

micro/childEmit.js中/*** des：主应用传递给子应用的 用于emit触发主应用事件的函数*/store.dispatch('pagers/changeMsg', val)//修改存放在vuex中的值micro/app.js中/*** des：配置需要下发的子应用及其相关信息*//*** 主应用公共资源下发子应用*/// 导入主应用ui库// 导入主应用工具类库// 导入主应用需要下发的emit函数。

如果服务器数量有限，或不能跨域等原因需要把主应用和微应用部署到一起。通常的做法是主应用部署在一级目录，微应用部署在二级目录child下。src/micro/app.js文件中查看子应用的端口号。例如此端口号为31325。

Lottie简介官方文档：https://lottiefiles.com/Lottie是一个库，可以解析使用AE制作的动画（需要用bodymovin导出为json格式），支持web、ios、android和react native。在web侧，lottie-web库可以解析导出的动画json文件，并将其以svg或者canvas的方式将动画绘制到我们页面中。交互性非常好，动画支持倍速播放，倒放，暂停等功能，能熟练使用的话，交互性能提升很多。其优点：动画由设计使用专业的动画制作工具Adobe Aft

TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型name:string=""; //此时name属性声明类型为string使用class类来引入或暴露内容TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts...

elementui的el-input按回车键后执行方法el-input增加 @keyup.enter.native若增加后还会执行刷新则需要在el-form中增加 @submit.native.prevent<el-form :model="findPwdForm" ref="PwdForm" @submit.native.prevent> <el...

crypto-js加密AES最近项目中需要在登陆请求时将密码加密，要求使用aes方式加密，于是用到了crypto-js完美解决，亲测有效要注意前端和后端的加密配置要保持一致1.安装crypto-js npm install crypto-js --save2.编写encrypt.js在Api文件夹中新建encrypt.js文件（此为较简洁方法，未处理数据，未用到密钥偏移量） ...