亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue直接打開(kāi)public(本地)文件下的pdf文件方式

 更新時(shí)間：2023年10月08日 09:32:02   作者：satuo@  
這篇文章主要介紹了vue直接打開(kāi)public(本地)文件下的pdf文件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue直接打開(kāi)public(本地)文件下的pdf文件

方法一

把文件話在public文件夾下，我的文件名為 exam.pdf

在vue.config.js里面配置，publicPath: ‘/public/’

最后在我們的代碼中直接window.open就可以打開(kāi)此文件了,也可以用a鏈接的，href中的地址寫(xiě)“/public/wxam.pdf”,或者embed、iframe等都可以。

注意 2 中的public，和 3 中的public 名字是對(duì)應(yīng)的，兩個(gè)命名要一致

方法二

最簡(jiǎn)單的方法就是直接寫(xiě)路徑，如下圖，不需要配置publicPath

window.open('/exam.pdf') // 直接寫(xiě)成這樣的地址
//window.open('../../public/exam.pdf'),這樣寫(xiě)是打不開(kāi)的，不能寫(xiě)成相對(duì)路徑

vue本地pdf文件加載錯(cuò)誤，文件不顯示

問(wèn)題描述

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.

查看pdf路徑和url

pdf文件儲(chǔ)存位置如下（錯(cuò)誤示范！?。。?/p>

代碼寫(xiě)法如下：

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

錯(cuò)誤分析

（1）在vue項(xiàng)目中，讀取本地的pdf文件需要放到public下static文件夾中，不能放在別的地方；

（2）引用時(shí)，不能使用相對(duì)路徑，因?yàn)槭褂胮ublic文件下面的資源，是不會(huì)被webpack處理的，它們會(huì)被直接復(fù)制到最終的打包目錄下面，且必須使用絕對(duì)路徑來(lái)引用這些文件。寫(xiě)法：“/static/pdf/show.pdf"，/即表示public文件夾(需略去public)；

修改

把pdf文件放到public/static/pdf下，路徑寫(xiě)為“/static/pdf/show.pdf"

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論