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

最新推荐文章于 2024-08-16 10:27:44 发布
最新推荐文章于 2024-08-16 10:27:44 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42484910/article/details/106569626
版权

问题：vue项目中页面使用a标签下载static中的word文档 本地可以，部署到服务器上不行
原因：本地访问的路径：http://192.168.1.208:8080/#/creditReportP
服务器访问路径：http://192.168.1.183:8090/supplier/#/creditReportP
---- 多个了文件名 查找是错误
解决 将本地的文件下载路径为
在这里插入图片描述
改为在这里插入图片描述

一个写bug的人
关注
vue 项目引用static目录资源_浅谈Vue static 静态资源路径 和 style问题
weixin_39598308的博客
12-21 2753
我就废话不多说了，大家还是直接看代码吧~// PathsassetsRoot: path.resolve(__dirname, '../dist'),// 静态资源输出到二级目录下assetsSubDirectory: 'static',// 静态资源cdn地址assetsPublicPath: '/',引用的时候可直接，不用返回上一级去查找，因为编译输出后的 static 下的资源 跟 html...
ftp上传vue项目到服务器,vscode 通过ftp发布vue到azure服务器
weixin_39953100的博客
08-05 2970
1.在vscode应用商店中搜索拓展sftp插件，然后进行安装。2.安装完成后重启窗口，按快捷键Ctrl+shift+p，输入sftp:config回车进入配置文件。配置项：{"host": "xxxx.ftp.azurewebsites.windows.net", //ftp地址"protocol": "ftp", //协议类型"port": 21,"username": "hsadmin...
【vue】点击下载文件本地正常，build打包在服务器下载打开出现乱码
mooonyuan的博客
04-10 1901
需求超级简单：点击下载按钮下载测试.doc文件 出现的问题 本地点击下载正常，服务器上点击下载没反应 检查问题 检查前端代码之后，发现下载写的是点击window.open 修改问题 然后将window.open的方式改为 <a href="测试.doc" download="测试.doc">下载</a> 打包下载正常，但文件打开之后出现乱码 再次排查问题进行比较 检...
Vue中下载内容为word文档
最新发布
Ninewu的博客
08-16 482
1.使用 html-docx-js：这是一个将 HTML 转换为 Word 文档的库。2. 利用 Blob 和 FileSaver.js：创建并下载生成的 Word 文档。
vue项目中页面使用a标签下载static中的文件 本地可以，部署到服务器上不行 踩的抗
ldoit的博客
07-01 2723
问题：vue项目中页面使用a标签下载static中的xls文件本地可以，部署到服务器上不行 错误写法：<aclass="button-style"href="../../static/file/QuestionsSample.xls"> 导致服务器访问路径错误 改成：<aclass="button-style"href="./static/file/QuestionsSample.xls"> 解决 将本地的文件下载路径 ...
js点击下载图片，doc，ppt，gif
风里有诗句哈的博客
03-31 433
$('.downLoad').click(function () { var x = new XMLHttpRequest(); //var resourceUrl = "http://static.xuezhong100.com/uploadfile/20190401/45549715ba2e428b8e415a30d9392c97.doc"; // var resourceUrl...
（已解决）html中使用a标签制作的下载功能，部署到标准docker nginx后下载时显示403 forbidden
YJE的博客
05-05 598
进到服务器中，发现下载时403的zip文件是红色，其他可以正常下载的zip文件是绿色 查了一下，应该是权限的问题，给codes.zip赋了权限之后，文件变绿，可以通过html正常下载了 #给文件赋权限 chmod 777 codes.zip ...
Vue项目部署到服务器上问题解决方法
lisheng0947的博客
12-21 3090
相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，正确的配置加上后端的简单配合就可以解决。 如何打包：基于Vue-Cli,通过npm run build来进行打包的操作 如何部署 将打包出来的资源，基于Vue-Cli的一般是dist目录下有static目录和index.html文件，可以直接将这两个文件扔到服务端 但有时候，我们会直接将dis
vue+express+mongodb项目打包部署在云服务器上
天极小强的博客
08-08 478
Vue+express+mongodb项目打包部署在云服务器上 笔者所处前提：一台安装了node+mongodb+pm2的云主机。相关安装教程大家可自行网上搜索。 由于笔者买的是腾讯云的学生服务器（centos7），这里就以它为例子。 第一：配置安全组。 在安全组中新建规则，选择开放端口。 在新规则右侧的管理实例中添加你的云主机。然后修改规则，添加可能用到的端口。 第二：进入你的云主机，检查...
Nginx+Uwsgi+Django+Vue部署
chenbin666的专栏
02-25 2595
                 Nginx+Uwsgi+Django+Vue部署 本文主要讲述了如何一步步在生产环境上通过Nginx部署django和vue，操作系统默认为centos7。 参考文章：https://www.jianshu.com/p/40a17070245f?d=1550538271209，该文章是需要有Django开发基础的人才能看的很清楚，对于我这种小白（只懂Java）...
Vue 3.x 项目打包放在服务器上出现的问题
研究生在读，分享学习日常。（零基础学习后端编程）
01-08 398
vue3.x 搭建的项目，在请求接口的时候，我们会用到代理。 在项目的根目录下新建文件 vue.config.js 文件，在该文件里面配置如下： module.exports = { publicPath: './', // 根路径 outputDir: 'dist', // 构建输出目录 assetsDir: 'assets', // 静态资源目录(js,css,img...
vue下在文件报错
lzDevastator的博客
11-28 882
vue项目中下载文件踩过的坑（一） 很多的系统管理端会有文件上传或者下载功能，那么在文件上传和下载的时候我们又会遇到什么样的坑人的意外呢？ 昨天我们在做管理系统的文件下载时，遇到了这么一个问题。因为文件名是后端提供，所以返回在了响应头的Content-Disposition中，但是因为这个字段并不是默认暴露的字段，所以需要后端做暴露（加上这句代码） Access-Control-Expose-Headers: Content-Disposition 在前端接收到后端暴露的响应头字段时，在请求拦截器中拿到并
vue打包后a标签href引用static文件绝对路径改变问题
m0_64152677的博客
05-24 577
我用a标签写了一个下载，href是‘static/xxx.excel‘ 本地使用没问题，打包后显示文件不存在，那一定是路径出了问题 搜了半天都是不对路的回答 后来仔细看了一下路径，发现在href前面加一个dist就解决了 即打包时把href改成’dist/static/xxx.excel' 解决 ...
Vue 下载本地静态资源static文件夹
码农键盘上的梦
03-22 7582
项目需要下载本地的docx文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了这里src目录下的assets资源文件下。下载报错 找不到文件路径查找原因是因为项目用的是vue-cli3, 在打包的时候并不知道会把assets。你可能在输入路径的时候会提示你是src,而不直接是static,但是你还是要直接输入static这个路径。下的文件打包在哪里，但是在build的时候发现在根目录下的文件是打包在当前路径下的。
vue 项目引用static目录资源_VUE创建项目create vue XXX 默认目录及其作用的详细介绍...
weixin_36096321的博客
01-03 1029
默认生成出来就是这个结构。下面加粗的部分是另外需要的介绍一下目录及其作用：node_modules：npm 加载的项目所需要的各种依赖模块。src：这里是我们开发的主要目录(源码)，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：assets:放置一些图片，如logo等components:目录里放的是一个个的组件文件router/index.js：配置路由的地方App.vue：项目入...
vue，使用:href，动态修改带有地址属性的标签的地址的参数
Hcy_code的博客
07-11 1290
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.js"></script> </head> <body> <div id="app"> <a :href="'www.aaa.com?id='+id">tes
a标签居中 img vue_Vue中img的src属性绑定与static文件夹实例
weixin_39631572的博客
03-03 241
不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。大部分的情况中，是开发者使用了错误的写法，例如：这样写肯定是不对的，正确的写法应该使用v-bind:不过，有时候即使使用了正确的语法，依旧无法显示图片，因为你的imgUrl使用了本地图片的路径。例如，有下面一个文件结构：现在，我们要在App.vue里使用位于src/assets/目录下的logo.png图...
vue a标签 href写值_web前端Vue项目实战-Music
weixin_39520013的博客
11-21 966
上篇讲到vue的使用方法，今天这一篇介绍vue的实操，可以大家更加加固去学习web前端vue技术。第一节 Music项目环境第一部分本届作业聊一聊React和Vue的区别老版本的项目环境如何创建项目第二节 Vue API 第二部分模板语法文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：< Mustache 标签将会被替代为对应数据对象上...
vue 项目中图片选择路径位置static 或 assets区别
总结前端开发中遇到的问题，分享前端知识
09-11 3646
用 vuecli 的话默认情况下 static 中的文件不会经过 webpack 相关 loader 处理 assets 里面的图片是会经过 webpack 的 loader 处理的，而 static 里面的图片是被直接复制到 dist/static 下面的。 一般是把一些小图片放在 assets 里面，这样一些小图片就可以处理成 base64 了，或者全放在 assets 下面都可以。 相同点：   assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值