我无法使用 Axios 将数据发送到我的后端

Question

我在使用 axios 将表单中键入的数据发送到端点时遇到了这个问题。感谢任何帮助

搜索Form.js：

import React,{useState,useMemo} from 'react'
import axios from 'axios'
const  Search = () => {
const handleSubmit = async(e) => {
    
    const re = /^[0-9\b]+$/
    if (e.key === "Enter") {
        if(e.target.value==='' || re.test(e.target.value))
        {
            e.preventDefault()
            const cust_number=e.target.value
            axios({
                method: "post",
                url: "http://localhost:8080/Hrc/Search",
                data:{cust_number:e.target.value},
                headers: {"Content-Type": "multipart/form-data" },
                })
                .then(function (response) {

                    console.log(response);
                })
                .catch(function (response) {
                  //handle error
                    console.log(response);
                })
        }
    }
}

    return (
    <div>
        <div>
            <form >
            <input type="text" name='cust_number' placeholder='Search Customer Id' className="sarch-button" onKeyPress={handleSubmit}/>
            </form>
        </div>
    </div>
    )
}


export default Search

输出：-

{data: Array(0), status: 200, statusText: '', headers: {…}, config: {…}, …}
config: {transitional: {…}, transformRequest: Array(1), transformResponse: Array(1), timeout: 0, adapter: ƒ, …}
data: []
headers: {content-length: '2', content-type: 'application/json;charset=UTF-8'}
request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}
status: 200
statusText: ""
[[Prototype]]: Object

如您所见，数据部分没有更新。请帮忙

Answer 1

如果您的端点需要表单数据，请使用 FormData。

const formData = new FormData();
formData.append("cust_number", e.target.value);
try {
  const resp = await axios({
    method: "post",
    url: "http://localhost:8080/Hrc/Search",
    data: formData,
  });
  console.log(resp);
} catch (err) {
  console.error(err);
}

我无法使用 Axios 将数据发送到我的后端

I cant send data using Axios to my backend

reactjs

react-native

axios

react-hooks