开发者问题收集

Axios：在 POST 请求的正文中发送变量而不是参数

2019-02-15
9210
javascript react-native axios

我正在开展一个项目，需要在请求正文中发送身份验证变量，而不是将其作为参数发送。我看到 POST 请求在文档中将第二个参数作为正文发送，但我在 .NET 服务中收到错误。 

_response: "{"error":"invalid_clientId","error_description":"ClientId should be sent."}"

当我没有在正文中发送参数时，我在 PHP 中收到相同的错误，但值与我在此 POST 请求中使用的值相同，因此我知道参数和值是正确的。

这是我所得到的： 

axios.post(`https://myawesomeapi.com`, 
{username:this.state.email_address, password:this.state.password, grant_type:'password', client_id:'thisAppsClientID'}, 
{headers: { 'content-type':'application/x-www-form-urlencoded', 'accept':'application/json' }}
).then( res => {
  let result = res.data;
  console.log(result);
})
.catch( (e) => {  console.log(e.response); });

当我 console.log 并检查错误响应时，我看到了以下内容： 

config:
   adapter: ƒ xhrAdapter(config)
   data: "{"username":"myusername","password":"mypassword!","grant_type":"password","client_id":"thisAppsClientID"}"
   headers: {Accept: "application/json, text/plain, */*", Content-Type: "application/x-www-form-urlencoded"}
...

如果有帮助，这是我在 guzzle 中得到的内容： 

    $this->client->request('post', 'https://myawesomeapi.com',
['form_params' => ['username' => $input['username'], 'password' => $input['password'], 'client_id'=>'thisAppsClientID', 'grant_type'=>'password']],
['headers' => ['accept' => 'application/json','Content-Type' => 'application/x-www-form-urlencoded']]);

用户名、密码、grant_type 和 client_id 是否作为正文传递？我是不是搞错了如何发送标头？谢谢，请告诉我！

1个回答

我知道我遇到过类似的 axios 问题，但我从未弄清楚。但是，我能够让 post 请求与 表单数据 配合使用。尝试下面的代码片段。希望它能奏效。 

const dataForm = new FormData();
dataForm.append('username', this.state.email_address);
dataForm.append('password', this.state.password);
dataForm.append('grant_type', 'password');
dataForm.append('client_id', 'thisAppsClientID');

axios.post('https://myawesomeapi.com', dataForm)
.then(res => {
  let result = res.data;
  console.log(result);
})
.catch(e => { 
  console.log(e.response); 
});
Dan Kreiger
2019-02-15