VUE+Spring Boot，文件上传el-upload报错--Current request is not a multipart request，记录

做了个简单的文件上传功能，测试时发现报错Current request is not a multipart request，网上查了很多办法，记录一下：

1.最多的：当前请求不是multipart 请求（我出现的问题不是这个）
解决方式很简单，删掉Content-Type，浏览器会自动处理表单请求（Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryFQP3xC0wqNk7AHGn）

2.from标签内添加enctype=“multipart/form-data”（我的也不是这个问题）
在表单中的默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据

3.后端：@RequestParam MultipartFile file 改为 @RequestPart MultipartFile file（没用）

4.请求提交时data传值（我也不是这个情况）
错误：
url: “/upload”,
data:{
“file”:file
},

正确：
url: “/upload”,
data:file

5.跨域导致的（我出现的问题）
spring Boot 直接在Controller上加上@CrossOrigin注解即可。
（当时没看前端页面的报错，一股脑去看后台控制台报错信息，结果找错方向，页面F12里面有页面报错Access-Control-Allow-Origin报错的，如果你出现的问题页面没这个报错那就不是跨域问题，继续往其他方向找吧）

@Api(tags = "文件上传程序")
@RestController
@RequestMapping("/file")
**@CrossOrigin**
public class FileUploadController {

    @Autowired
    private FileService fileService;


    @ApiOperation("文件上传接口-简单实现")
    @PostMapping("/upload")
    public Result<?> upload(@ApiParam(name = "file", value = "上传文件", required = true) @RequestParam("file") MultipartFile file){
        String url = fileService.upload(file);
        return Result.ok(url).message("文件上传成功！");
    }

}

前端代码

<el-upload
          :show-file-list="false"
          :on-success="successFunction"
          :before-upload="beforeUpload"
          :on-error="errFunction"
          :action="BASE+'/file/upload'"
          class="avatar-uploader">
          <img v-if="data.aaa" :src="data.aaa">
          <i v-else class="el-icon-plus aaa-uploader-icon"/>
        </el-upload>

革命尚未成功，同志仍需努力！