vue项目中页面使用a标签下载static中的文件 本地可以，部署到服务器上不行 踩的抗

最新推荐文章于 2024-07-23 20:33:37 发布
最新推荐文章于 2024-07-23 20:33:37 发布
阅读量2.7k 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ldoit/article/details/107074731
版权

问题：vue项目中页面使用a标签下载static中的xls文件 本地可以，部署到服务器上不行
错误写法：  <a class="button-style" href="../../static/file/QuestionsSample.xls">
导致服务器访问路径错误

改成： <a class="button-style" href="./static/file/QuestionsSample.xls">
解决 将本地的文件下载路径

抠脚小弟
关注
前端Vue项目中点击a标签实现下载文件到本地的功能
AiGarry的博客
04-20 1万+
1、根据后台提供的接口url下载文件到本地 <a :href="后台给接口提供的文件的url地址">点击下载文件</a> 2、通过a标签的download属性进行下载，下载文件到本地 <a href="文件的地址" download>点击下载文件</a> ①如果是图片或者是pdf文件，会直接在浏览器中打开，word或者是excel文件会下载到本地 ②如果download不给值，会使用默认的文件名 ...
Vue 项目部署到服务器的问题解决方法
01-19
相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，...
记：vue项目中页面使用a标签下载static中的word文档 本地可以，部署到服务器上不行
weixin_42484910的博客
06-05 1219
问题：vue项目中页面使用a标签下载static中的word文档 本地可以，部署到服务器上不行 原因：本地访问的路径：http://192.168.1.208:8080/#/creditReportP 服务器访问路径：http://192.168.1.183:8090/supplier/#/creditReportP ---- 多个了文件名 查找是错误 解决 将本地的文件下载路径为 改为 ...
Vue如何让用户通过a链接点击下载一个excel文档
最新发布
ggq53219的博客
07-23 539
在Vue中，通过<a>标签让用户点击下载Excel文档，通常需要确保服务器支持直接下载该文件，并且你有一个可以直接访问该文件的URL。以下是一些步骤和示例，展示如何在Vue应用中实现这一功能。
Vue下载本地静态资源static文件夹中的.xlsx .docx
qq_28170105的博客
07-09 580
下载模板
Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
2401_84433535的博客
04-29 583
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
js点击下载图片，doc，ppt，gif
风里有诗句哈的博客
03-31 424
$('.downLoad').click(function () { var x = new XMLHttpRequest(); //var resourceUrl = "http://static.xuezhong100.com/uploadfile/20190401/45549715ba2e428b8e415a30d9392c97.doc"; // var resourceUrl...
vue中实现a标签下载本地文件的功能
willsoooo的博客
08-30 5500
首先我们把需要下载的静态文件存放到vue项目的public/static文件夹下面。然后在需要使用的vue文件中定义方法。话不多说，直接上代码。
Vue项目webpack打包部署到服务器的实例详解
08-29
本篇文章旨在详细阐述如何将通过vue-cli创建的Vue项目通过webpack打包，并部署到Tomcat服务器上。同时，文章将重点讨论在这一过程中可能会遇到的问题以及解决方案。 ### 打包前的配置 打包和部署Vue项目到服务器的...
vue 打包后的文件部署到express服务器上的方法
08-29
本文将详细介绍如何使用Vue.js、Webpack和Express进行前后端分离的开发，并阐述将Vue打包后的文件部署到Express服务器的过程。 1. **Vue项目初始化** 使用`vue-cli`初始化项目是创建Vue应用的第一步。运行`vue ...
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
09-14
本教程将详细讲解如何将一个使用SpringBoot作为后端、Vue.js作为前端的项目部署到Linux服务器上。我们将探讨Vue项目的打包、Express作为静态文件服务器以及SpringBoot项目的部署。 **Vue 项目打包与部署** 1. **...
vue中使用a标签下载静态资源文件（比如excel、pdf等）后端不参与
麦叔
05-28 8828
问题描述 平常我们在项目中需要做下载文件的功能，比如下载excel表格、比如下载pdf文件、比如下载word文档，这样的功能，一般是后端做，即：后端返回一个流文件、或者返回一个url地址… 但是，实际上，前端也是可以做的。很简单，使用a标签的下载功能即可。不过要注意静态文件存放的位置。 注意，前端做静态资源的下载适合固定的数据，不和数据库交互的数据，比如excel模板、比如注意事项.docx文档什么的。反之，后端做会更加合适。 步骤 第一步，public文件夹下新建static文件夹存放静态资源 在我们做v
Vue：a标签点击和file-saver/FileSaver.js实现文件下载
热门推荐
彭世瑜的博客
12-30 1万+
/ 存在浏览器兼容性。//释放掉blob对象。//下载完成移除元素。
vue2中携带请求头使用a标签下载文件
2301_78338211的博客
01-10 1321
下载模板
vue 利用创建a标签实现下载功能
qq_38990668的博客
08-25 825
调用downloadUrl(‘要下载的地址’)
Vue中浏览器端项目如何利用a标签实现文件的下载
weixin_46077222的博客
08-31 1532
Vue中浏览器端项目如何利用a标签实现文件的下载
vue从前端静态资源包中下载文件
weixin_41103943的博客
06-05 964
有些时候我们需要实现下载模板和图片等功能，文件量少、体积小、不做修改，放在后端做又有点麻烦，可以直接放在前端做，方便快捷。
本地运行调用后台接口下载文件正常，部署nginx后提示无法下载
qq_44178552的博客
10-25 309
Failed to load response data: No data found for resource with given identifier
Nginx部署Vue项目教程：从下载到运行详解
在本篇文章中，作者详细介绍了如何在Nginx服务器上部署Vue项目的步骤。首先，用户需要从nginx官方网站下载最新版本的Nginx，通常选择Windows的zip包，将其解压至服务器的合适位置。启动Nginx服务后，通过访问`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值