vue项目pdf文档的在线预览

针对android系统不支持pdf文档在线预览，可通过引入pdf.js插件实现，其具体实现步骤如下

目录

1. 引入插件
2. 前台代码
3. 后台代码

一、引入插件

方式一：npm install --save pdfjs-dist，安装完成后在vue项目的node_modules出现如下依赖

 

方式二：只引入pdf.js的核心文件pdf.js和pdf.work.js,其他无关的文件全部删除，如图

方式三：将插件直接放在static文件夹下，如图

二、前端页面代码

方式一和方式二：特点精简

<template>
  <div>
    <canvas v-for="page in pages" :id="'the-canvas'+page" :key="page"></canvas>
  </div>
</template>

<script>
//