Vue 下载本地静态资源static文件夹

下载静态文件方法：

 <a href="/static/serviceAgreement.docx" download="下载"></a>

下载;

项目需要下载本地的docx文档，文档是放在本地的没有在服务器，所以需要下载本地静态资源文件，开始把文件放在了这里src目录下的assets资源文件下

下载报错找不到文件路径查找原因是因为项目用的是vue-cli3, 在打包的时候并不知道会把assets

下的文件打包在哪里，但是在build的时候发现在根目录下的文件是打包在当前路径下的
所以我们要把需要下载的静态资源放在public文件夹下的static文件夹下就可以了

你可能在输入路径的时候会提示你是src,而不直接是static,但是你还是要直接输入static这个路径

 <a href="/static/serviceAgreement.docx" download="服务协议"></a>

需要注意的是：cli2需要把要下载的文件放在static下面；cli4需要将文件放在public里面才不会被打包。

注意：href 指向项目中pdf文件的路径（不要出现中文），download 就是重命名的文件名，不设置的话就是默认文件名

发现vue版本是 3.0+ 所有把要下载的文件直接放到public文件夹中（最好英文名字）

Vue 下载本地静态资源static文件夹相关推荐

vue访问本地静态资源文件
1.页面内 <ul class="xzlb"> <li v-for="(item,index) in manualList" :key=&qu ...
SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下（指定文件夹下）
1.SpringBoot 项目将文件图片资源上传到本地静态资源文件夹下(指定文件夹下) 最终效果: 前端浏览本地文件,点击上传至本地resources/static/images/imgWall下 2 ...
Spring Boot——自定义Web配置类后无法访问/static文件夹下静态资源
问题描述自定义Web配置类后无法访问 /static文件夹下静态资源. 已加相关依赖包. 官方文档 Spring MVC Auto Configuration Maven <dependenc ...
最迷幻的办法解决SpringBoot访问static文件夹下的静态资源
写SpringBoot的时候,想访问static文件夹下的资源,就是访问不到,一直到white page,在网上也搜了好多,试了好多方法都没用然后我就想试一下public和resources下的资源 ...
Vue下载本地pdf、word、excel文件
Vue下载本地pdf.word.excel文件项目需求具体实现注意项目需求在项目中需要对pdf.word.excel等文档的下载也就是获取文件的静态路径,下载到本地. 方案 :利用 axi ...
vue 总结一项目建立及文件夹结构配置
项目配置首先,按官方指引,使用 vue-cli 搭建 vue 的项目,在项目里按照上面的文档尝试修改,加深理解: # 安装依赖库,建议指定 vue 和 element 版本,避免版本升级带来意料之外 ...
a标签居中 img vue_Vue中img的src属性绑定与static文件夹实例
不少人在vue的开发中遇到这样一个问题: img的src属性绑定url变量,然而图片加载失败. 大部分的情况中,是开发者使用了错误的写法,例如: 这样写肯定是不对的,正确的写法应该使用v-bind: ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
Vue中引入静态资源的几种方式
最近修改一些老项目,好多组件里面引入图片的方式不太一样,总感觉自己没有好好总结过,今天有时间参考了几篇帖子,就总结一下: 在总结之前看了一下vue-cli的文档,突然感觉之前可能是我忽略它了基本没有看 ...
Nginx访问本地静态资源详细步骤
目录一.Nginx简介二.Nginx访问本地静态资源详细步骤 1.首先下载Nginx 2.将下载好的压缩包解压到合适位置 3.启动Nginx,进入localhost 界面如下图所示说明启动成功,默 ...

Vue 下载本地静态资源static文件夹

Vue 下载本地静态资源static文件夹相关推荐

最新文章

热门文章