在当前页下载文档模板 (react + webpack )

功能描述: 因业务需要, 后台查询系统需要写入大量数据, 挨个添加是个很麻烦的事, 所以就需新增一个导入功能, 导入时提供一个模板, 用户按照下载模板编辑内容, 就可一键导入数据.

问题:

下载模板失败.png

 <a className='cy-btn-group cy-btn' href='../../../excel/油品数据.xls' download='油品数据.xls' >导入模板下载</a>

多次刷新页面发现依旧下载失败, 然后想路径啥的都没有问题, 那么是不是excel 也需要想sass一样需要编译才能被浏览器识别(.xsl)

webpack配置xls格式.png

配置好之后重新编译 发现依旧有下载失败的问题,就问了一下我同学, 他说改为变量试试,然后我就尝试了一下:

导入模板方式改为变量.png

方式修改之后如下: 下载成功

模板下载成功.png

模板下载 上一篇: 导入excle(react + axios )与导入功能是一起的

推荐阅读更多精彩内容

• Vue笔记

  ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...

  Rui_bdad阅读 2,961评论 1赞 4
• Gulp和Webpack的差异

  在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...

  Charlot阅读 5,483评论 1赞 32
• Sass教程： 简单入门、快速上手

  [toc] 前言 本文所有的演示都是基于Win10操作系统。 关于Sass 1.定义 Sass的学名叫“CSS预处...

  崔小叨阅读 18,312评论 0赞 78
• 移动前端开发项目-4_SASS对css的管理

  3.移动端前端基础架构 15:16单词释义：a)mkdir: make directory 建立一个新的子目录（...

  小豌豆书吧阅读 919评论 0赞 1
• js基础（7）

  33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方（存储到物理硬盘中）1、不能跨浏览器传输：在...

  萌妹撒阅读 2,098评论 0赞 2