反应，如何调试（axios）404错误？

Question

我使用React，试图使用axios发出请求。

在控制台中，它显示我收到404错误，但我想知道这种情况的发生方式和原因。有人可以建议我从哪里着手解决这个问题吗？

我的主要问题之一是，以下网址来自哪里？

GET http://127.0.0.1:3000/en/order/account/[object%20Object] 404 (Not Found)

似乎正在对上述url发出请求，但这不是应该请求的url。将打印出应请求的网址，以检查其是否正确。

在运行速度为：8000的（Django）开发服务器上，我正在检查是否有请求传入。在那里，我可以看到确实没有任何请求传入，而不是到达预期的URL（已记录到URL中）。控制台）。

我看了看控制台上错误行所指向的文件中的行（createError.js：16，resolve.js：18，xhr.js：77），但这并没有使更清楚了发生了什么。我想这只是说那是由'createError.js'中的代码形成的错误。

这是我在Chrome控制台中看到的内容：

这是执行axios请求的代码的一部分：

handleSubmit(submittedValues) {
    console.log("submit")
    console.log(submittedValues)
        // event.preventDefault();
        this.register(submittedValues).then(
            function (data) {
              console.log(data)
            }
        )
    console.log("this.props.match.params.locale: " + this.props.match.params.locale)
    let url = 'http://127.0.0.1:8000/customer_portal/set_locale/' + this.props.match.params.locale
      console.log("url: " + url)
      return axios.get({
        url: url,
        method: 'get',
    })
        .then(function(response) {
          console.log(response)
        })
        .catch(function(error) {
          console.log("error", error)
        })
  }

Answer 1

尝试     axios.get（URL）

axios.get（）将字符串作为参数，但是您为它提供了一个对象，因此它将在插入对象之前自动插入默认的URL路径。