micro-app搭建微前端

  • 创建两个以上的项目(使用vue,react,angular都可以)
    使用vue搭建项目 vue create project-name
    区分一下基座和子项目
    在这里插入图片描述
  • 安装依赖
npm i @micro-zoe/micro-app --save
  • 在main.js进行初始化
    在这里插入图片描述
  • 在app.vue嵌入子项目
    在这里插入图片描述
  • 子项目配置跨域
    在vue.config.js配置
    在这里插入图片描述
  • 启动
    在这里插入图片描述
    这样子就是把基座搭建起来了。
    欢迎评论留言。

相关推荐

  1. 前端micro-app 子应用 调用父应用方法

    2024-03-26 04:58:05       38 阅读
  2. 前端工程:

    2024-03-26 04:58:05       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-26 04:58:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-26 04:58:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-26 04:58:05       82 阅读
  4. Python语言-面向对象

    2024-03-26 04:58:05       91 阅读

热门阅读

  1. HTTP协议

    2024-03-26 04:58:05       42 阅读
  2. 消息中间件如何实现高可用

    2024-03-26 04:58:05       46 阅读
  3. 力扣刷题之22.括号生成

    2024-03-26 04:58:05       46 阅读
  4. 【Python】 Python脚本实现某平台视频流下载

    2024-03-26 04:58:05       44 阅读
  5. Redis 缓存穿透是什么?如何缓解缓存穿透?

    2024-03-26 04:58:05       31 阅读
  6. C#手动改变自制窗体的大小

    2024-03-26 04:58:05       32 阅读
  7. 【课程】MyBatisPlus视频教程

    2024-03-26 04:58:05       48 阅读
  8. c语音函数大全(S开头)

    2024-03-26 04:58:05       35 阅读
  9. ARM IHI0069F GIC architecture specification (3)

    2024-03-26 04:58:05       38 阅读