sunweijieMJ的博客

简介 使用最新的vue3,vite2,typescript等主流技术搭建的一个供学习参考的模版工程。 包含 技术栈：使用 vue3,vite,typescript等前沿技术开发 ajax：二次封装axios，统一管理接口 主题：可自行修改element-plus主题样式 国际化：完善的国际化方案 路由：动态路由生成方案 组件：二次封装了常用的组件 工具：常用的指令，过滤器，storage存储，工具函数 目录结构 |-- public # 静态资源 |

在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，axios是一个基于 promise 的HTTP库，可运行在 client 端和 server 端。 虽然axios的使用已经很方便了，但是在实际项目中，为了接口的规则一致，来创建一个统一管理的全局方法以达到简化操作的目的。 1.安装axios yarn add axios -D // 或者 npm i axios -D 2.定义需要的接口 因为使用了typescript，所以需要先定义好一些接口，以便在后续的代码使用 exp.

vue+ts的微前端实践 微前端的概念是从后端的微服务中迁移过来的。将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署 qiankun 是阿里巴巴基于 single-spa 实现的微前端库，是一个开放式微前端架构，支持当前三大前端框架甚至 jq 等其他项目无缝接入。 微前端待解决的问题 微前端主应用与子应用如何构建 主应用资源下发给子应用 各应用间动态通信，实时监听，同步数据 微前端线上部署 微前端主应用与子应用如何构建 构建