vue中本地pdf文件加载错误，文件不显示

1.问题描述

Warning: getHexString - ignoring invalid character: 33
Warning: getHexString - ignoring invalid character: 79
Warning: getHexString - ignoring invalid character: 84
Warning: getHexString - ignoring invalid character: 89
Warning: getHexString - ignoring invalid character: 80
Warning: getHexString - ignoring additional invalid characters.

2.查看pdf路径和url

pdf文件储存位置如下（错误示范！！！）：

 代码写法如下：

data() {
    return {
      url: "../showFils/show.pdf  ",
      pdfSrc:"",
      title: "建筑工程地下室防水施工技术分析pdf",
    };
  },

3.错误分析

（1）在vue项目中，读取本地的pdf文件需要放到public下static文件夹中，不能放在别的地方；

（2）引用时，不能使用相对路径，因为使用public文件下面的资源，是不会被webpack处理的，它们会被直接复制到最终的打包目录下面，且必须使用绝对路径来引用这些文件。写法：“/static/pdf/show.pdf"，/即表示public文件夹(需略去public)；

4.修改

把pdf文件放到public/static/pdf下，路径写为“/static/pdf/show.pdf"