如何用Vue结合Axios实现图片上传功能？

本文共计479个文字，预计阅读时间需要2分钟。

在Vue中实现图片上传功能，我使用FormData配合axios向后端发送请求。首先，通过axios进行请求，一般会使用qs进行序列化。然而，序列化后，FormData上传会失败，因此需要注意这一点。

vue中实现图片上传，我这里使用的是FormData通过axios向后台发送请求，从而实现图片的上传。

在发起请求的axios中一般用qs进行序列化，但是序列化之后，FormData就传送失败，所以要区别传送的数据类型。

经过多次摸索总结了以下经验，以供参考。

首先创建一个文件夹services ,里面有两个文件 index.js 和 api.js。