a标签下载静态文件 失败-未发现文件

原创 已于 2022-11-16 16:02:18 修改 · 7.5k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #vue

于 2020-09-02 16:42:59 首次发布
本文探讨了在VUE项目中使用a标签下载静态文件遇到的问题，特别是在不同环境如本地、生产服务器上的表现差异，以及如何正确配置路径来确保文件能够被成功下载。

- VUE a标签下载文件

  • 下载文件提示 失败未发现文件
    在这里插入图片描述

  • 目录

  • 静态文件bbb.txt 放在public下面data文件夹里面
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200902163800478.png#pic_center在这里插入图片描述

  • 看下哪个链接下载成功了

  • 本地测试结果
    在这里插入图片描述

  • 生产服上结果
    生产服上结果 - 看下生产服的配置 都是再home文件下在这里插入图片描述
    所以打包后的文件都是放在home文件下 <a download="bbb2.txt" href="./data/bbb.txt" target="_blank">下载2</a>
    如果打包后的文件都是放在根目录下 就是 <a download="bbb2.txt" href="/data/bbb.txt" target="_blank">下载2</a>

另外也可以使用点击事件创建a标签进行下载

解决前端开发中下载 Excel 文件静态资源路径报错的问题
api_git355的博客
09-27 407
通过使用相对路径或动态生成文件路径的方式，我们可以解决前端开发中下载 Excel 文件静态资源路径报错的问题。根据具体的项目需求和部署环境，选择合适的方法来实现文件下载功能，并确保下载链接能够正确地指向文件。然而，有时候当我们的项目部署到不同的环境中，可能会遇到静态资源路径报错的问题。这是因为静态资源的路径在不同的环境中可能会有所不同，导致下载链接无法正确地指向文件。属性设置为空字符串，然后在点击事件中获取当前页面的 URL，并根据 URL 动态生成文件路径，最后将生成的路径赋值给下载链接的。
Django 4.x Static 静态文件使用示例和配置方法
热门推荐
Mr数据杨
11-05 3万+
大家好，我是Mr数据杨。让我带领大家穿越到三国时期，来一起学习Django如何使用静态文件。现在就像是主角郭嘉需要布置一场战场，其中的每一个元素，如兵器、战车，都是静态文件。郭嘉需要在中进行配置，就像他必须对战场有详细的规划和配置。在模板中使用静态文件，就像他在战场上有效地利用各种资源，把他们放在最需要的地方。郭嘉需要检查配置是否生效。如果兵器未按他的计划放置，那么他的策略可能会失败。静态文件配置参数的作用就好比郭嘉的各种策略。
vue下载静态文件，无法从网站提取文件
老电影故事的博客
03-25 6077
在Vue 3.0版本中，static文件夹需要放在public文件目录下。注意：引用路径必须使用英文，防止打包引用地址错乱导致下载失败。在Vue 2.0版本中，static文件夹与src文件同级。在Vue中，Excel文件一般放在static文件夹中。后面发现上href写错了。
HTML a标签链接 设置点击下载文件
最新发布
AD7E280B00C0的博客
11-28 535
但是有个情况，比如 txt, png, jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”；通常情况下，为文件添加链接后，用户可以通过点击链接，直接将文件下载到本地，如下载 excel 表格等。这里 download 也可以不写任何信息，会自动使用默认文件名。
a标签不能直接下载绝对路径中的文件？试试io流
qianxiao_a的博客
05-06 2178
我们有时候会下载一些文件，a标签也有href和download属性，但是a标签不能直接访问磁盘中的东西，也就是不能访问绝对路径，关于绝对路径和相对路径可以参考以下文章 https://zhidao.baidu.com/question/54621865.html 我们可以用io流来实现绝对路径的下载，用a标签来传参 话不多说直接上代码 先来看a标签 <a href="${pageContex...
前端vue2 a链接下载文件失败的问题(未发现文件）
qq_46698519的博客
10-13 3088
前端vue2 下载文件失败的问题(未发现文件）
vue中a标签下载本地文件-未找到,原因及解决方法
destinymmm的博客
06-14 3479
a标签下载图片失败
Django静态文件加载失败解决方案
09-16
然而，当从开发模式切换到生产模式时，有时会出现静态文件加载失败的问题。以下是一个详细的解决方案，帮助你解决这个问题。 1. **在视图模板中正确引用静态文件** 当你需要在HTML模板中引入静态文件时，应使用...
快速解决Django关闭Debug模式无法加载media图片与static静态文件
09-17
3. 在模板中引用静态文件，使用`{% load static %}`标签，然后通过`{% static 'file_path' %}`来引用： ```html <img class="author_img rounded-circle" src="{% static 'image/blog/author.png' %}" alt="..."> ...
在VUE中实现文件下载并判断状态的方法
12-13
在Vue.js应用中，我们经常需要处理文件的下载任务，并且有时还需要在下载过程中判断文件的状态，例如是否成功下载或存在错误。以下是如何在Vue中实现这一功能的详细步骤。 首先，我们需要创建一个新的JS文件，这里...
vue a链接下载文件失败(未发现文件) 已解决
weixin_50541501的博客
03-02 3429
需求：下载excel的导入模板 问题：下载失败， 未发现文件 发现这个问题后，我查看啦下载的详情 这里可以看到 vue 文件中 @ 绝对路径标识符没有识别 解决方案 先将需要下载的文件放入 public 公共资源文件下 将 a 链接的路径改成以 index.html 为基准的相对路径 这样就解决了，下面是下载成功的文件 ...
使用a标签无法下载某些文件的解决方法
BHSZZY的博客
03-07 5099
没想到，这样写，网上找了个exe的url、下载了下是没有问题的，3.网上还说，如果后端返回的header里加上这样的东西的话，前端请求时也就可以是下载文件、而不是打开新页面了。
a标签下载文档 a下载文档失败问题 跨域调用
c45449210的博客
04-02 1671
可以通过a标签下载文档 a中有一个download属性 这个属性可以为空，如果写入的话这是写下载文档的名字 a标签默认下载是在同一个域内，如果跨域的话下载会失败，可能变成预览 出现的问题 可能原因 在服务端禁止掉其他地址的访问，你这个地址被设置为其他域 需要后台去设置 其他解决方法： 要么最后打包在同一域内 要么通过接口调用 调用的代码： fetch(href).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
前端使用a标签下载文本，有时候会遇到“网络错误-下载失败”问题
weixin_44108327的博客
09-07 2267
方法1：这种的有时候会遇到报错。方法2：创建Blob，生成URL。
a标签设置下载设置文件名，并且设置无效的解决方法
任磊
03-16 1万+
设置 a 标签的 download属性，可以重置 文件名。如下代码，文件名重置为 file.xlsx。 <a href='http://192.168.1.1/abcd.xlsx' download='file.xlsx'>下载</a> 这种写法有个前提：href 的下载地址 和 当前网站地址 必须是 同源的，否则download不生效。 如果不同源，还有一种方法，代码如下： // 封装一个download方法 const download = () => {.
vs [失败]未能找到文件
weixin_30241919的博客
04-07 1010
用文本文件打开csproj 文件.将里面的不需要文件删除; 或者在工程里面先将其移出工程.然后再删除; 转载于:https://www.cnblogs.com/maomingchao/p/8733135.html
Vue打包静态pdf下载时失败-未发现文件
weixin_48328458的博客
04-07 1001
尝试了各种办法，感觉怎么都是正确的，问了chatgpt后发现可能是github pages特有的，于是我查看点击a标签后的路径，发现是不包括仓库名的，只有github.io/static/xxx.pdf，手动改路径加上仓库名如github.io/MyPersonalPage/static发现能显示。看来github pages是在用绝对路径的时候会自动加上一个repo的名字在中间，于是我又在标签内去掉了仓库名，打包部署，终于解决了。改回来多等了几分钟终于好了，我现在怀疑相对路径也行就是得多等一会儿...
HTML a 标签实现下载 无法下载解决方案
my_my_heart的博客
11-23 3814
C# a 标签下载功能 遇到无法下载的文件解决方法解决问题的方法 有些浏览器 在用a 标签实现下载的 时候 点击没有反应或者是下载失败，是因为浏览器不兼容该文件的下载 导致下载失败 解决问题的方法 在配置文件里面写入 <system.webServer> <staticContent> <remove fileExtension=".dxf" /> //.dxf 是文件后缀 下面亦是如此 <mimeMap fileExtension=".d
解决 谷歌浏览器无法下载通过Controller接口下载文件，但是火狐浏览器和postman是没问题的，不兼容谷歌和Microsoft ,报“失败-未发现文件”
weixin_44797327的博客
09-06 2251
解决 浏览器下载通过Controller接口下载文件，不兼容问题（实际上文件是存在的）： 谷歌浏览器和Microsoft浏览器 无法下载的截图结果如下： 看看Microsoft浏览器，也是无法下载的： 同样不能下载！！！！ 但是火狐和postman是可以的， 火狐浏览器下载截图如下： 使用火狐浏览器是OK的！！！！ 使用postman如下： 也是OK的； 下面看源码并给出解决的方案： @GetMapping("/downloadASingleFile") public void downl
Go文件命名与构建标签匹配的静态检查工具
该工具通过分析文件名与文件内部的 `// +build` 指令之间的对应关系，帮助开发者避免因遗漏或错误配置构建标签而导致的构建失败、测试误执行或环境不一致等问题。它特别适用于大型项目中对不同平台、架构、功能模块...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值