vue-cli引入靜態資源報錯及引入方法


在vue-cli創建的項目里,需要引入一個本地的PDF文件,之前2.x版本是有static文件,現在3.x版本沒有,

版本查看,也可以直接看你的項目目錄,有public文件夾的基本都是新版了

 

一開始使用了import引入,頁面報錯

因為import引入會經過webpack編譯,而PDF是二進制文件,解析不了,不能這樣引入,vue有public文件,里面的文件是不會經過webpack編譯的,不要放在assets里面

 

使用,只要加上當前域名加上文件名稱就可以,地址直接賦值給展示文件的組件

 

在瀏覽器也可以直接訪問靜態文件,像這樣,在瀏覽器可以直接訪問到,說明文件就沒問題了

// 如果是window.open()方法打開,不需要加域名前綴,會自動添加域名前綴
     window. open( 'test1.pdf')


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM