Springboot和Vue如何实现导出功能的详细代码示例?

2026-05-26 09:400阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计551个文字,预计阅读时间需要3分钟。

Springboot和Vue如何实现导出功能的详细代码示例?

最近在项目中使用vue和Springboot实现了导出功能,查阅了大量资料,发现很多博客的写法已经过时。因此,特此记录以下步骤,使用vue2、Springboot 2.x以上版本,在chrome浏览器76.0.3809.100中实现vue+2写法:

let blob=n

Springboot和Vue如何实现导出功能的详细代码示例?

最近在工作遇到vue和Springboot 实现导出功能,翻看很多资料,发现一些博客写法都过时了,所以自己特此记录下,使用版本vue2,Springboot 2x以上,chrome浏览器 76.0.3809.100

vue 2写法

let blob = new Blob([res.data], { type: 'application/octer-stream' });

其中我发现很多博客用这样的写法,但是我发现打印res的时候没有发现data这个参数,总是报错后面直接用res就好了。
正确写法let blob = new Blob([res], { type: 'application/octer-stream' });

科普一下:axios中params和data两者,以为他们是相同的,实则不然。

阅读全文

本文共计551个文字,预计阅读时间需要3分钟。

Springboot和Vue如何实现导出功能的详细代码示例?

最近在项目中使用vue和Springboot实现了导出功能,查阅了大量资料,发现很多博客的写法已经过时。因此,特此记录以下步骤,使用vue2、Springboot 2.x以上版本,在chrome浏览器76.0.3809.100中实现vue+2写法:

let blob=n

Springboot和Vue如何实现导出功能的详细代码示例?

最近在工作遇到vue和Springboot 实现导出功能,翻看很多资料,发现一些博客写法都过时了,所以自己特此记录下,使用版本vue2,Springboot 2x以上,chrome浏览器 76.0.3809.100

vue 2写法

let blob = new Blob([res.data], { type: 'application/octer-stream' });

其中我发现很多博客用这样的写法,但是我发现打印res的时候没有发现data这个参数,总是报错后面直接用res就好了。
正确写法let blob = new Blob([res], { type: 'application/octer-stream' });

科普一下:axios中params和data两者,以为他们是相同的,实则不然。

阅读全文