javascript - 如何使用 axios 发送对象？

Question

有没有办法使用 axios 将对象发送到 API？

这是我使用的代码:

axios.get('/api/phones/create/', {
    parameters: {
        phone: this.phone
    }
})
    .then(response => {
        console.log(response.data)
    })
    .catch(function (error) {
        console.log(error)
    })

在 php 方面，我有以下内容:

public function create($phone)
{
    return $phone;
}

我收到以下错误:

GET http://crm2.dev/api/phones/create 500 (Internal Server Error)
dispatchXhrRequest @ app.6007af59798a7b58ff81.js:256
xhrAdapter @ app.6007af59798a7b58ff81.js:93
dispatchRequest @ app.6007af59798a7b58ff81.js:662
app.6007af59798a7b58ff81.js:2266 Error: Request failed with status code 500
    at createError (app.6007af59798a7b58ff81.js:600)
    at settle (app.6007af59798a7b58ff81.js:742)
    at XMLHttpRequest.handleLoad (app.6007af59798a7b58ff81.js:158)

如果我尝试，axios.get('/api/phones/create/hello') 我会在控制台日志中得到 hello。

有办法吗？

Answer 1

这取决于你所说的“发送一个对象”是什么意思。

由于您正在使用 GET 请求并在参数中传递对象，因此您可以将其序列化为查询参数作为 GET 请求的一部分。这不会真正发送对象，而是使用它来为 GET 请求构建 URL 的查询部分。

例如，您可以通过以下方式向 /api/phones/create?phone=123 发出请求:

axios.get('/api/phones/create/', {
    params: {
        phone: '123'
    }
})

如果您实际上想将对象作为序列化 JSON 发送到您的 API，您可以使用 POST 或 PUT 请求，具体取决于您的 API 的语义。

例如，要发送 { "phone": "123"} 到你的 api，你可以这样做:

axios.post('/api/phones/create/', {
  phone: '123'
});

注意:axios 需要参数的关键params。