通过 axios post call 传递参数

Posted 2023-02-22

【中文标题】通过 axios post call 传递参数

【英文标题】：Passing params through axios post call

【发布时间】：2017-07-02 13:22:49

【问题描述】：

我目前正在使用 vue-resource 在我的 webpack 项目中执行一些 ajax 调用。一旦我进行“get”调用，所有的工作都很好，但是当我尝试发布一个帖子时，我的 php 没有得到任何参数，如果我尝试执行 var_dump($_POST) 结果是一个空数组。 我的代码很基础：

let data = req: 'req_tipe', ch: 001 ;
this.$http.post('compute.php', data).then(response => 
    //do stuff with response if ok             
    ,
    response => 
    //do stuff about error
    );

我不知道我错过了什么

更新： 我对 axios 和 vue-axios 做了同样的事情，但我的问题仍然存在： 没有帖子参数

let data = req: 'req_tipe', ch: 001 ;
this.axios.post('compute.php', data).then(response => 
    //do stuff with response if ok             
    ,
    response => 
    //do stuff about error
    );

【问题讨论】：

vue-resource 已停用。用 AXIOS 替换它。

这就是我所缺少的！！

你错过了什么？

如 M U 所指，vue-resource 已停用

它已被淘汰，但您仍然可以使用上一个版本...

【参考方案1】：

也许你可以改变如下：

let data = new FormData();
data.append('req','req tipe');
data.append('ch','001');
this.axios.post('compute.php', data).then(response => 
//do stuff with response if ok             
,
response => 
//do stuff about error
)

试一试，或查看issues 318了解更多信息。

【参考方案2】：

问题是，当您将对象作为数据发送时，您使用 Content-Type "application/json" 执行 POST 请求，这是 Axios 中的默认设置。

PHPS $_POST 仅在请求以 application/x-www-form-urlencoded 作为内容类型并且数据作为 Querystring 的情况下有效。

当使用像 qs 这样的库时，以下应该可以工作：

var qs = require('qs');
axios.post('/foo', qs.stringify( 'bar': 123 );

当输入数据是查询字符串时，axios 会自动使用正确的内容类型。

您也可以使用 json 数据，但是您必须将 PHP 后端更改为以下内容：

$data = json_decode(file_get_contents('php://input'), true);
print_r($data);

像 Symphony 这样的一些框架可以自动处理这个问题。