vue3 WebPack在线PDF预览

首先参照大佬的文章进行操作 Vue3 实现 PDF 文件在线预览功能 - 掘金 (juejin.cn)

会提示你pdf无法打开，没有可以打开的方法 这里是缺一个处理本地文件的loader

安装 npm install --save file-loader

然后 vue.config.js 修改配置如下

chainWebpack: config => {  
    const fileRule = config.module.rule('file')  
    fileRule.uses.clear()  
    fileRule  
        .test(/\.pdf|ico$/)  
        .use('file-loader')  
        .loader('file-loader')  
        .options({  
        limit: 10000,  
    })  
},

重启项目