我是 Vue.js 的新手，想知道是否有辦法通過上述 Vue 應用程式查看獨立于 Vue 專案存盤的 PDF 檔案。
這是我需要的：
所有 PDF 檔案都存盤在一個檔案夾中。我想提供鏈接以在我從后端服務器獲得的應用程式中訪問它們。單擊鏈接后，PDF 應在新選項卡中打開，URL 將類似于
file:///C:/Users/user/Downloads/campusmap.pdf
到目前為止我嘗試過的：
<a :href="fileAddress">View file</a>
當我將滑鼠懸停在瀏覽器上的鏈接上時，它會顯示正確的 URL，但單擊它什么也不做。如果我右鍵單擊以在新選項卡中打開，它會顯示已阻止(about:blank#blocked)
懸停在它上面時使用<router-link>顯示
localhost:8080/C:/Users/user/Downloads/campusmap.pdf。
有沒有辦法可以按照我想要的方式通過鏈接查看 PDF？請注意，我無法將所有 PDF 檔案存盤在資產或公共檔案夾中。
謝謝你的幫助！
uj5u.com熱心網友回復：
您無法file://從通過協議獲取的頁面鏈接到協議 url http(s)://- 這是現代瀏覽器內置的安全措施。您唯一的選擇是同時在 Web 服務器后面提供本地檔案，或者在file://url后面本地運行應用程式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/370216.html
標籤：javascript Vue.js pdf Vuetify.js Vue路由器
上一篇：Rails Nginx Certbot：422登錄錯誤
下一篇：c#struct通過泛型回圈參考