EggJS+Antd文件上传排坑汇总

项目技术栈

前端：react+umi+antd
中间层：Eggjs
后端：Java

问题汇总

1. 文件无法上传
2. eggJs获取form-data请求的参数（带文件上传的请求）
3. 使用file模式和stream模式的文件上传

---

1.文件无法上传

报错：

missing csrf token,request forgery跨站请求伪造

原因：

官网做的一种安全防控

解决方案有两种：

1. 在bff的config中把csrf关闭

    config.multipart = {
        
       mode: 'file'
    };
   

   

2. 在前端项目中表单提交时，头部带上csrf-token

    headers: {
        
     	'x-csrf-token': getCookie("csrfToken")
    },
   

   
   官网资料：安全威胁 CSRF 的防范

2.eggJs获取form-data请求的参数（带文件上传的请求）

分两种模式，获取参数的方式不一样

1. file模式
   bff中config的设置为file
   
   参数会在request.files里
   
2. stream模式
   bff中config的设置为stream

ctx.getFileStream() 接口能获取到上传的文件流

3.使用file模式和stream模式的文件上传

1. 使用file模式做文件上传（+前端需传入md5key参数）

   controller文件如下

   const {
         Controller } = require("egg");
   const FormStream = require("formstream");
   const cryptoMd5 = require("crypto");
   const fs