vue移动端预览pdf

**vue移动端预览pdf**

1.npm install pdfh5 下载插件

2.封装组件lookPdf.vue

3.在需要预览的页面进行引入，使用组件

4.如果使用pdfh5出现以下问题的时候（我仅列举两个）
可以查看一下当前你使用的vue版本是不是5.0（vue -V查看版本）
如果是5.0版本，原因是由于在webpack5中移除了nodejs核心模块的polyfill自动引入，所以需要手动引入
解决方案
1 . 安装 npm install node-polyfill-webpack-plugin
2. 在vue.config.js里进行引入

补充：如果vue.config.js里的配置不行。请看下图

configureWebpack: {
resolve: {
alias: {},
fallback: {
//其他的如果不启用可以用 keyname :false，例如：crypto:false,
“crypto”: require.resolve(“crypto-browserify”),
“stream”: require.resolve(“stream-browserify”)
},
},
plugins: [new NodePolyfillPlugin()]
}