qiankun+vue 适配vue-pdf踩坑

vue项目线上预览pdf可用vue-pdf完美解决,可是加上qiankun微前端后就变成巨坑了。
引入vue-pdf后,前台直接报错加载不了worker(failed to resolve async component default:securityerror:failed to construct‘worker’:script at xxxx.worker.js xannot be accessed from origin xxx ),如果直接访问单个项目则可以正常使用,结合网上多部分资料才得以解决,方法如下:

//找到vue-pdf的依赖包下的vuePdfNoSss.vue


修改项目的配置文件vue.config.js

chainWebpack: (config) => {
    config.module
      .rule('worker')
      .test(/\.worker\.js$/)
      .use('worker-loader').loader('worker-loader')
      .options({
        inline: true,
        fallback: false
      }).end();
  }

重启项目即可通过qiankun正常访问
————————————————
版权声明:本文为CSDN博主「君凉夜」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ygxyvip/article/details/119739377

你可能感兴趣的:(vue.js,pdf,javascript)