项目要用到pdf预览功能,因为是vue项目就是直接导入了vue-pdf组件,但是在进行打包的时候在dist文件夹下面多个worker.js文件,导致项目部署后预览pdf直接报了404
在这里插入图片描述
后来尝试了很多办法去解决,但是都是不太好用,目前有两种解决方案,但是都各有利弊,不过能满足要求,如果亲们有更好的办法,请指教。

1、修改node依赖

之所以打包时候会多出一个worker.js是因为vue在打包过程中的优化处理方式,常见的就是引入pdf插件。可以通过修改node_module里面的配置文件修改构建过程中pdf的生成路径。默认的是更目录,这里可以追加自己的项目路径,但是缺点是下次重新update依赖,需要再改一遍。
在这里插入图片描述
2、构建完直接,直接将生成的woerker.js文件移动到项目引用的路径里面,这种简单粗暴,但是每次打包升级都得记得将这个文件进行移动处理到自己的相应目录

Logo

前往低代码交流专区

更多推荐