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"

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐