Javascript 对spring引导后端的POST请求给出了400个错误请求

我在React/JavaScript中获得了以下内容：

const uploadImage = (e) => {
    e.preventDefault();

    const uploadData = async () => {

    const token = JSON.parse(localStorage.getItem('token'));

    try {
            data = await axios({
            method: 'post',
            url: 'http://192.168.1.218:8080/api/image/upload',
            data: {
                        data: base64,
                        name: 'file',
                        type: 'image/jpeg'
            },
            headers: {  "Content-Type": "multipart/form-data; boundary=<calculated when request is sent>",
                        "Authorization": `Bearer ${token}` 
                    }
                    
        })
        } catch (error) {
            console.log(error)
        }
      }
      uploadData()
   }

请求在邮递员中起作用。我尝试过添加标题，但这会导致更多错误。如果没有内容类型，则会出现500内部服务器错误。CORS是在后端启用的

我如何解决这个问题？非常感谢您的帮助

---

这是我的第一个问题。抱歉，我遗漏了任何内容。

您确定

base64

包含正确的数据吗？你能从Spring应用程序中显示日志吗？请让我们看看Spring是怎么想的，从Spring logsGood point！base64包含一个没有意义的字符串。我试图用FormData转换它，但仍然会出现400错误。如何将其转换为post请求的有效输入？当错误为400时，Spring boot不会记录任何内容。我猜是因为这是一个合理的拒绝。我将详细描述输出，但我必须稍后再这样做。您确定

base64

包含正确的数据吗？你能从Spring应用程序中显示日志吗？请让我们看看Spring是怎么想的，从Spring logsGood point！base64包含一个没有意义的字符串。我试图用FormData转换它，但仍然会出现400错误。如何将其转换为post请求的有效输入？当错误为400时，Spring boot不会记录任何内容。我猜是因为这是一个合理的拒绝。我将详细描述输出，但我以后必须这样做。

> xhr.js:177 POST http://192.168.1.218:8080/api/image/upload 400
dispatchXhrRequest  @   xhr.js:177
xhrAdapter  @   xhr.js:13
dispatchRequest @   dispatchRequest.js:52
Promise.then (async)        
request @   Axios.js:61
wrap    @   bind.js:9
uploadData  @   Options.js:40
uploadImage @   Options.js:59
onSubmit    @   Options.js:66
callCallback    @   react-dom.development.js:3945
invokeGuardedCallbackDev    @   react-dom.development.js:3994
invokeGuardedCallback   @   react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @   react-dom.development.js:4070
executeDispatch @   react-dom.development.js:8243
processDispatchQueueItemsInOrder    @   react-dom.development.js:8275
processDispatchQueue    @   react-dom.development.js:8288
dispatchEventsForPlugins    @   react-dom.development.js:8299
(anonymous) @   react-dom.development.js:8508
batchedEventUpdates$1   @   react-dom.development.js:22396
batchedEventUpdates @   react-dom.development.js:3745
dispatchEventForPluginEventSystem   @   react-dom.development.js:8507
attemptToDispatchEvent  @   react-dom.development.js:6005
dispatchEvent   @   react-dom.development.js:5924
unstable_runWithPriority    @   scheduler.development.js:646
runWithPriority$1   @   react-dom.development.js:11276
discreteUpdates$1   @   react-dom.development.js:22413
discreteUpdates @   react-dom.development.js:3756
dispatchDiscreteEvent   @   react-dom.development.js:5889