AXIOS POST 响应获取

Question

我有一个 React ui，它应该与后端通信并获取数据。后端运行良好，这是对我的请求的响应：当我在 React 中针对同一请求收到此错误时。 url 是相同的，参数已到位但仍然存在错误，我无法捕获输出：

这是我为这部分编写的代码，它基于 AXIOS.POST:

const handleSubmit = (e) => {
    e.preventDefault()
    const params = { petalLength, petalWidth, sepalLength, sepalWidth }


    axios.post("http://localhost:8000/iris/classify/class", {},{params:params})
      .then((res) => {
        const data = res.data.data
        console.log(data)
        const msg = `Prediction: ${data}`
        alert(msg)
        reset()
      })
      .catch((error) => alert(`Error: ${error.message}`))
  }

  const reset = () => {
    setPetalLength('')
    setPetalWidth('')
    setSepalLength('')
    setSepalWidth('')
  }

即使采用以下形式也不起作用：

>   
> axios.post("http://localhost:8000/iris/classify/class?petalLength=1&petalWidth=1&sepalLength=1&sepalWidth=3.1")
>       .then((res) => {
>         const data = res.data.data
>         console.log(data)
>         const msg = `Prediction: ${data}`
>         alert(msg)
>         reset()
>       })
>       .catch((error) => alert(`Error: ${error.message}`))   }
> 
>   const reset = () => {
>     setPetalLength('')
>     setPetalWidth('')
>     setSepalLength('')
>     setSepalWidth('')   }

Answer 1

在您使用 GET 请求的第一张图片中，

并且在您的代码中您正在使用 POST 请求

这两个请求之间存在差异。这就是为什么服务器告诉您它无法在您的代码中处理它，但是当您在 url 中使用它时它工作正常。

改为

> axios.get("http://localhost:8000/iris/classify/class?petalLength=1&petalWidth=1&sepalLength=1&sepalWidth=3.1")
>       .then((res) => {
>         const data = res.data.data
>         console.log(data)
>         const msg = `Prediction: ${data}`
>         alert(msg)
>         reset()
>       })
>       .catch((error) => alert(`Error: ${error.message}`))   }

祝你好运(:

顺便说一句，你的网站看起来不错 (:

AXIOS POST 响应获取

AXIOS POST Response Fetch

java

post

reactjs

axios