vue 利用a标签下载本地文档 显示失败,未找到制定文件 但路径是正确的
时间: 2024-03-12 18:48:27 浏览: 175
如果在Vue中使用绝对路径下载文件,需要将绝对路径转换为相对于public目录的相对路径。因为Vue应用程序是在public目录中运行的,所以只有public目录中的文件可以通过相对路径访问。
例如,如果你想下载public目录中的一个名为“example.pdf”的文档,可以在Vue组件中使用以下代码:
```html
<template>
<div>
<a :href="pdfUrl" download>下载PDF文档</a>
</div>
</template>
<script>
export default {
data() {
return {
pdfUrl: process.env.BASE_URL + "example.pdf", //使用process.env.BASE_URL获取应用的基础URL
};
},
};
</script>
```
这里使用了`process.env.BASE_URL`获取应用的基础URL,然后将其与文档的相对路径拼接在一起。这样就能够正常下载文档了。
阅读全文