Estoy tratando de agregar un botón o una etiqueta para permitir que el usuario descargue un archivo .docx que he guardado en el proyecto. He hecho esto con Vanilla JS y funciona bien solo con una <a href="path" download> . Pero esto no funciona en Vue.

También intenté hacer esto en JavaScript, donde el usuario hace clic en un botón que ejecuta la siguiente función:

 downloadResume() { const link = document.createElement("a"); link.href = "../#/assets/Resume.docx"; link.setAttribute("download", "Resume.docx"); document.body.appendChild(link); link.click(); }

Para la línea link.href, originalmente no agregué la extensión #, pero siempre diría que no hay ningún archivo cuando se descarga. El # es parte de la URL del dominio. Ahora se "descarga" con él, pero cuando intento abrir el archivo, arroja algunos errores que dicen que no puede leer el archivo.

No he podido encontrar nada sobre este escenario en particular. Todo lo que encuentro en Internet es para descargar algo de una URL externa usando Axios, convertirlo en un blob y luego descargarlo.