reactjs - react ，如何调试(axios)404错误？

Question

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

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

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

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

似乎正在对上述url发出请求，而这不是应该被请求的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路径。