vue-cli简单使用qiankun框架注意事项

最新推荐文章于 2024-07-17 08:38:10 发布
最新推荐文章于 2024-07-17 08:38:10 发布
阅读量501 收藏
点赞数
分类专栏： vue qiankun
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/let_arr/article/details/118380232
版权
  1. 当主应用使用hash路由时, 子应用尽量也使用hash路由, 避免一些问题
  2. 主应用的main.js中配置apps时, activeRule的路径, 需要和子应用中的router.js中对应
  3. 主应用和子应用不能有相同的id名字, vue-cli项目初创建时, 主应用和子应用的App.vue中父div的id都是app, 需要修改
给我焦虑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli-plugin-qiankun:适用于微前端千库应用程序的vue-cli3插件
05-05
* vue-cli-plugin-qiankun* An Vue-cli3 Plugin for micro-frontend qiankun application 结合 qiankun 快速生成微前端应用的脚手架插件 Features qiankun 接入，子应用打包配置接入 修改 qiankun 官网 demo 中 vue 子应用 public 下静态资源加载不出来的问题 主应用和子应用中基础的路由处理 demo 中增加了父子组件之间通信的示例 IE下的兼容显示(关闭jsSandbox,fetch 增加 pollyfill) Demo Setup 主应用生成方式 vue create portal cd portal vue add vue-cli-plugin-qiankun-portal 子应用生成方式 vue create demo1 cd demo1 vue add vue-
vue2.x使用qiankun.js搭建一个微前端测试环境
做GIS梦的人
09-07 1532
前言 微服务在后端Java开发中，已经广泛应用，而且其概念已经趋于成熟，大家对微服务已经有了深入的了解。微前端的概念也出来很多年了，应用的普及程度远远不及微服务。最近，在网上看到，微前端已经有一些解决方案了，总结一下目前比较主流的几种微前端方案： 基座模式：主要基于路由分发，由一个基座应用监听路由，按照路由规则去加载不同的应用，以实现应用间解耦。 EMP：Webpack5 Module Federation，去中心化的微前端方案，可以在实现应用隔离的基础上，轻松实现应用间的资源共享和通信； 下面以基于
微前端框架之乾坤【qiankun】 vue3+vite+qiankun（手把手搭建版）
最新发布
m0_51400948的博客
07-17 4455
简介:qiankun是一种微前端框架，可以将多个前端应用集成为一个整体。每个子应用可以使用不同的框架和技术栈，它们之间可以相互独立开发和部署,qiankun提供了一套完整的生命周期函数和通信机制，可以让不同的子应用之间进行跨框架和跨域的通信和交互。
vue-cli项目整合qiankun实现微服务架构
ilovethesunshine的博客
03-25 1576
1. 创建主应用和微应用 vue create potal // 创建基座项目 vue create vue-app-one // 创建微应用1 vue create vue-app-two // 创建微应用2 1.1 通用的qiankun接入准备 1.1.1 微应用生命周期函数添加 import Vue from "vue"; import VueRouter from "vue-router"; import App from "./App.vue"; import routes from "./
vue报错Uncaught TypeError: Cannot read properties of undefined (reading ‘_normalized‘)
qq_40551628的博客
09-14 1218
vue报错Uncaught TypeError: Cannot read properties of undefined (reading ‘_normalized’)
报错TypeError: Cannot read properties of undefined (reading ‘_normalized‘)
weixin_44916824的博客
11-16 7696
vue-router.esm.js?8c4f:1000 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘_normalized’) at normalizeLocation (vue-router.esm.js?8c4f:1000) at Object.match (vue-router.esm.js?8c4f:1586) at VueRouter.match (vue-router.esm.js?
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
vue-cli-mf:想要在vue-cli中使用模块联合，但是失败了，这是演示
03-16
vue-cli中的模块联合演示 描述 @ vue / cli版本5.0.0-alpha.5 vue.config.js chainWebpack: (config) => { config.optimization.delete('splitChunks') /* module federation plugin import */ config .plugin...
qiankun: TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter‘)
peade的博客
04-18 2410
在我的qiankun项目里，往子应用跳转的时候，控制台输出了一段警告。 TypeError: Cannot read properties of undefined (reading 'appWrapperGetter') 查了很多资料，这个warn不能在控制台中删除。这个应该是qiankun自身的问题。 在发生产的时候，打包的时候，把console移除就没有了。 ...
微前端qiankun一步步教你做个超级无敌简单吊炸天的小栗子，不会你来打我
陈开心的博客
11-02 1552
微前端从项目搭建到部署，真的很简单
微前端：qiankun 主应用与子应用之间的跳转
Jane's Blog
01-04 5326
qiankun主应用与子应用间的跳转
微前端vue项目实战 -- 乾坤qiankun框架 （一）
热门推荐
csl125的博客
04-09 2万+
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 如何使用qiankun搭建基于vue的微前端
微前端（本次重点说明模块联邦）
lhove的博客
04-14 1364
微前端架构方案： 1. 自由组织模式 System.js模块化 3. 基座模式 类似于qiankun,即有一个大盒子作为基座，所有子项目在其中加载展示。 4. 去中心模式（webpack5 Federated Module 联邦模块） 各项目可以相互使用对方的东西。 ...
vue项目落地(qiankun.js)微前端服务
zhanghaoran
10-23 3969
什么是微前端？ 网上抄的： 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发. 我的理解： 微服务就像是一个操作系统：在其中可以运行多个app。但每个app呢，又可以脱离操作系统独立运行。 为什么选择qiankun.js | qiankun.js优点 大白话： 就目前市面上没有比qiankun.js更好用的了。虽基于 single
vue3.0&qiankun2.0极速尝鲜，微前端进阶实战！
qq_15390381的博客
04-28 6779
wl-mfe 基于 vue3.0-beta 及 qiankun2.0 极速尝鲜！微前端进阶实战项目。 项目地址：wl-mfe 微前端实战详细入门教程及解放方案请转至我另一篇文章：微前端实战看这篇就够了 - Vue项目篇。 项目地址：wl-micro-frontends [wl-qiankun] && 在线访问 最终效果 项目启动 npm run cinit // 使用c...
vue使用qiankun框架心得和踩坑记录
m0_67401153的博客
03-06 2178
**其他网站有很多如何引入，使用的案例，但是按部就班的做了还是有一些问题，因此来此在总结下： vue2x使用qiankun框架经历 实现： 1、父子组件相互跳转 2、父-子传参，子接收 3、子使用父的组件 遇到问题： 1、路由跳转不成功 2、父子样式冲突 3、this.$router.push跳转问题，改为window.history.pushState跳转后，除了第一次主跳子，第二次会跳转到错误页面问题解决 ** 第一步 ：安装 npm i qiankun -S 第二步：在主应用src目录下创建文件夹mi
qiankun-通过主应用加载子应用，开发环境跨域代理proxy无效
weixin_44263646的博客
05-12 7085
本项目子应用都是vue，子应用配置的请求代理，在独立运行是没问题的。 但是通过主应用去加载的子应用，子应用发出的请求实际已经被主应用劫持了， 自然不会运行到子应用的请求代理。 所以主应用也需要配置子应用需要的请求代理。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值