vue中iframe引入本地pdf

之前的pdf文件通常接口返回，现在想直接访问自己本地的pdf文件

结构：

<iframe width="100%" :src="PDFsrc" frameborder="0" style="width: 100%; height: 100%"></iframe>

data数据：

PDFsrc:'/22.pdf',

只需要这样写皆可实现访问本地pdf，但需要注意的是：本地pdf需要放在public文件夹下，webpack打包后直接访问public文件夹下的内容，所以不需要写public这个文件夹的名字

错误的导入pdf写法：

// import localPdf from '@/assets/xxx.pdf'  //错误写法1
export default {
  data(){
    return{
      // PDFsrc:'@/assets/xxx）.pdf',   //错误写法2