Soy nuevo en Vue.js y me gustaría saber si hay una forma de ver archivos PDF que se almacenan independientemente del proyecto Vue a través de dicha aplicación Vue.
Esto es lo que necesito:
Todos los archivos PDF se almacenan en una carpeta. Me gustaría proporcionar enlaces para acceder a ellos en la aplicación que obtengo del servidor backend. Al hacer clic en el enlace, el PDF debería abrirse en una nueva pestaña y la URL simplemente sería algo así como file:///C:/Users/user/Downloads/campusmap.pdf
Lo que he probado hasta ahora:
<a :href="fileAddress">View file</a>
Cuando paso el cursor sobre el enlace en mi navegador, muestra la URL correcta, pero al hacer clic en ella no hace nada. Si hago clic derecho para abrir en una nueva pestaña, dice bloqueado (about:blank#blocked)
El uso <router-link> muestra localhost:8080/C:/Users/user/Downloads/campusmap.pdf cuando se pasa el cursor sobre él.
¿Hay alguna manera de poder ver el PDF a través de un enlace de la manera que quiero? Tenga en cuenta que no puedo almacenar todos los archivos PDF en las carpetas pública o de activos.
¡Gracias por tu ayuda!
No puede vincular a una URL de protocolo file:// desde una página obtenida a través del protocolo http(s):// ; esta es una medida de seguridad integrada en los navegadores modernos. Su única opción es servir también los archivos locales detrás de un servidor web, o ejecutar la aplicación localmente detrás de un file:// url.