Axios post 請求失敗，狀態碼為 400

Question

我收到以下請求的狀態代碼 400，但它在郵遞員中工作正常。

function App() {
  function sendRequest(){
    let body={
        client_id: 'val1',
        client_secret: 'val2',
        code: '12345',
        grant_type: 'authorization_code',
        redirect_uri: 'exp://127.0.0.1:19000'
    };
    let config = {
      headers:{
        'Content-Type': 'application/x-www-form-urlencoded',
      }
    }
    axios.post('https://www.example.com',body,config).then((res)=>{
      console.log("The response is: "+res)
    }).catch(err=>console.log("The error is: "+err))
  }

  return (
    <div className="App">
     <button onClick={()=>sendRequest()} >Run</button>
    </div>
  );
}

這是我得到的控制台上的輸出， The error is: Error: Request failed with status code 400

Answer 1

試試這個方法：

function App() {
      function sendRequest(){
        let params =new URLSearchParams();
        params.append('client_id','val1');
        params.append('client_secret','val2');
        params.append('code','12345');
        params.append('grant_type','authorization_code');
        params.append('redirect_uri','exp://127.0.0.1:19000');
        axios.post('https://www.example.com',params).then((res)=>{
          console.log("The response is: "+res)
        }).catch(err=>console.log("The error is: "+err))
      }
    
      return (
        <div className="App">
         <button onClick={()=>sendRequest()} >Run</button>
        </div>
      );
    }