Que dois-je faire si php $_post ne peut pas accepter les axios ?

Avec la popularité de la séparation front-end et back-end, de plus en plus de développeurs utilisent des frameworks front-end tels que Vue et React, et utilisent axios comme outil permettant au front-end d'envoyer des requêtes au back-end. Cependant, nous rencontrons parfois une situation : lors de l'utilisation d'axios pour envoyer une requête POST, le backend ne peut pas recevoir les données correctement. Cela est lié à la méthode de configuration axios que nous utilisons sur le front-end.

Cet article présentera une situation possible : lors de l'utilisation d'axios pour envoyer une requête POST, le backend ne peut pas recevoir les données correctement. En même temps, nous proposerons une solution de contournement, une solution conçue pour aider les lecteurs à mieux faire face à des situations similaires.

Description du problème
Lorsque nous utilisons Vue+axios pour développer des projets, nous utilisons généralement axios.post() pour envoyer une requête POST. Cette requête POST contient les données que nous devons envoyer. L'exemple de code spécifique est le suivant : axios.post()发送一个POST请求，这个POST请求携带了我们所需要发送的数据。具体代码示例如下：

axios.post('/api/submit', {
    name: '张三',
    age: 25
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

而在后端，则会用$_POST来接收这个请求中所携带的数据。示例如下：

$name = $_POST['name'];
$age = $_POST['age'];

然而，当我们发送POST请求时，后端却无法正确地接收到数据。

问题原因
造成这种问题的原因在于，axios发送POST请求时默认使用application/json格式来传递数据，而后端使用$_POST来接收数据时，需要数据以application/x-www-form-urlencoded格式传递才能正确接收。如果数据格式不同，后端就会无法正确解析这些数据。

解决方案
为了解决这个问题，我们需要对axios发送请求时的默认请求头进行修改，使之变为application/x-www-form-urlencoded，具体方法如下：

1. 在axios的请求拦截器中添加配置，将请求头的Content-Type设置为application/x-www-form-urlencoded。

axios.interceptors.request.use(config => {
    if (config.method === 'post') {
        config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
    }
    return config;
});

2. 将axios.post()方法中的data参数进行URL编码。

axios.post('/api/submit', qs.stringify({
    name: '张三',
    age: 25
}))
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

修改后的代码示例如下：

axios.interceptors.request.use(config => {
    if (config.method === 'post') {
        config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
    }
    return config;
});

axios.post('/api/submit', qs.stringify({
    name: '张三',
    age: 25
}))
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

经过上述操作后，我们就可以正确地向后端发送POST请求，并成功接收到数据了。

总结
在使用axios发送POST请求时，后端无法正确接收到数据的情况，通常是由于axios发送请求时默认使用application/json格式来传递数据，而后端使用$_POST来接收数据时，需要数据以application/x-www-form-urlencoded格式传递才能正确解析。为了解决这个问题，我们需要对axios的请求拦截器进行配置，将请求头中的Content-Type设置为application/x-www-form-urlencodedrrreee

1. Ajoutez une configuration dans l'intercepteur de requête axios et définissez le Content-Type de l'en-tête de requête sur application/x-www-form-urlencoded.

2. L'URL encode le paramètre data dans la méthode axios.post().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!