vue-cli3 处理静态文件下载引用

转载地址：https://blog.csdn.net/qq_40247562/article/details/89921778

问题：利用vue-cli3 写的项目，有一个下载excel 模板的功能，模板存放在前端本地，然后下载。

解决：

1）把excel 模板放到本地项目的 public 下（注意，一定要放在public 下，这样webpack 在打包的时候才不会解析他，会原封不动的引用他）；

2）在data里面定义

data () {return {publicPath: process.env.BASE_URL}
}

3）然后这样引用

<a :href="`${publicPath}Template/template.xls`" target="_blank" download="模板.xls">点击下载模板</a>

引申：类似于这种静态文件引用，都可以这样写，不过写法不一样

link标签:

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

图片：

<img :src="`${publicPath}my-image.png`">

vue-cli3 处理静态文件下载引用相关推荐

模板路径，模板变量，过滤器和静态文件的引用
1.模板路径的查找 -查找顺序 1.优先查找settings.py 的DIRS:[os.path.join(BASE_DIR,'templates')] 2.如果APP_DIRS:TRUE 会到INS ...
潭州课堂25班：Ph201805201 django框架第三课模板路径，变量，过滤器，静态文件的引用 (课堂笔记)...
第二种方法首先 'APP_DIRS': True, 将 app 的名字在 INSTALLED_APPS 进行注册模板变量传的各种数据类型,和取值过渡器: 静态文件: 在项目文件目录中创建 ...
tomcat 部署vue前端项目_oecUI: oec项目前端源码（webpack打包vue组件，静态文件部署到tomcat服务器）...
vue-sui-demo 如果对您有帮助,您可以点右上角 "Star" 支持一下谢谢! ^_^ 对于那些发邮件给我的同学说声抱歉, 由于本人的邮箱忘记密码了,最近才找回, 如果遇 ...
模板变量，过滤器和静态文件引用
模板变量,过滤器和静态文件引用模板路径 Djiango先到settings里面找templates下的DIRS查看是否有路径,也是从上往下依次寻找,找到就返回. 如果DIRS没有,就到APP_DIR ...
Python Flask Web 第六课 —— 静态文件
1. 静态文件与 web 程序的组成 Web 程序不是仅由 Python 代码模板组成, 静态文件, HTML 代码中引用的图片. JavaScript 源码文件. CSS: >>> ...
vue中静态文件引用注意事项
(一)assets文件夹与static文件夹的区别区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了区别二:assets中的文件 ...
vue中使用a标签下载静态资源文件（比如excel、pdf等）后端不参与
问题描述平常我们在项目中需要做下载文件的功能,比如下载excel表格.比如下载pdf文件.比如下载word文档,这样的功能,一般是后端做,即:后端返回一个流文件.或者返回一个url地址- 但是,实际 ...
springboot+vue+element-ui下载excel模板（静态文件）
前端: html:<div style="margin-top: 20px"><el-button @click="downloadDemo" ...
vue生成静态js文件_如何立即使用Vue.js生成静态网站
vue生成静态js文件 by Ondřej Polesný 通过OndřejPolesný 如何立即使用Vue.js生成静态网站 (How to generate a static website w ...
antd vue表单上传文件_Vue编译出静态文件上传七牛CDN
Vue作为目前比较流行的前端开发框架,在前后端分离比较时尚的今天异常火热,下面分享下怎么把Vue编译出来的静态文件上传到CDN,在这里主要是七牛云的CDN. Vue项目进行编译编译命令: npm r ...

vue-cli3 处理静态文件下载引用

vue-cli3 处理静态文件下载引用相关推荐

最新文章

热门文章

vue-cli3 处理静态文件 下载引用

vue-cli3 处理静态文件 下载引用相关推荐

最新文章

热门文章

vue-cli3 处理静态文件下载引用

vue-cli3 处理静态文件下载引用相关推荐