qiankun vue接入之fonts加载失败

作者: wwq2020 | 来源:发表于2021-09-04 10:57 被阅读0次

qiankun vue接入之fonts加载失败
niuer微前端解决方案之手写qiankun一
微前端框架 Qiankun 如何集成 Snowpack 打包的微
vue-lazyload图片错误替换
qiankun 微应用vue接入到基座
qiankun vue3.0 保持组件状态 keep-alive
修改页面字体
qiankun单个微应用集成的demo
google fonts 之 material icons 加载
基座引入子应用加载配置

主应用和子应用的域名不同,默认加载使用的是当前主应用的域名所以产生了问题,使用完整地址就解决了

const publicPath = process.env.NODE_ENV === 'production' ? "http://" + process.env.VUE_APP_HOST : '/';

  const fontRule = config.module.rule('fonts')
        fontRule.uses.clear()
        fontRule
            .use('file-loader')
            .loader('file-loader')
            .options({
                name: 'dist/fonts/[name].[hash:7].[ext]',
                publicPath,
            })
            .end()

qiankun vue接入之fonts加载失败
主应用和子应用的域名不同,默认加载使用的是当前主应用的域名所以产生了问题,使用完整地址就解决了
niuer微前端解决方案之手写qiankun一
qiankun的使用方法及为何使用乾坤请看 react hooks/vue2/vue3 + qiankun微服务踩...
微前端框架 Qiankun 如何集成 Snowpack 打包的微
最近在微前端框架 Qiankun[https://qiankun.umijs.org/zh/guide] 中加载一...
vue-lazyload图片错误替换
vue图片懒加载，vue-lazyload官方错误图片处理：1、用图片来替换加载过程或者加载失败： 2、引入时设置...
qiankun 微应用vue接入到基座
前言：我这里的父级应用使用的是react工程，umi。下面两个例子vue2，vue3，作为微应用接入到基座所需调...
qiankun vue3.0 保持组件状态 keep-alive
手动控制子应用加载 qiankun默认提供可配置的引用加载方式, registerMicroApps 。这种方...
修改页面字体
首选通过document.fonts来加载字体文件，再给html加个class document.fonts介绍：...
qiankun单个微应用集成的demo
qiankun单个微应用集成的demo 这里改造的主应用和微应用都是Vue的项目，但是qiankun本身不限制技术...
google fonts 之 material icons 加载
google material icons 官方使用方式如下：虽然使用方便，但是Google毕竟被墙，访问受限。...
基座引入子应用加载配置
背景当前应用为原vue2.0单体通过 qiankun 微应用方式升级为 vue 3.0 + antd + ts，...