Axios get in urlは機能しますが、2番目のパラメーターをオブジェクトとして使用すると機能しません


121

2番目のパラメータとしてGETリクエストを送信しようとしていますが、URLとして実行している間は機能しません。

これは機能し、$ _ GET ['naam']はテストを返します。

export function saveScore(naam, score) {
  return function (dispatch) { 
    axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test')
      .then((response) => {
        dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data})
      })
      .catch((err) => {
        dispatch({type: "SAVE_SCORE_FAILURE", payload: err})
      })
  }
};

しかし、これを試してみると、何もありません$_GET

export function saveScore(naam, score) {
  return function (dispatch) { 
    axios.get('http://****.nl/****/gebruikerOpslaan.php',
    {
        password: 'pass',
        naam: naam,
        score: score
    })
      .then((response) => {
        dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data})
      })
      .catch((err) => {
        dispatch({type: "SAVE_SCORE_FAILURE", payload: err})
      })
  }
};

なぜそれができないのですか?ドキュメントでは、それは可能であると明確に述べています。それでも動作$_POSTしません。

回答:


295

axios.get 2番目のパラメーターとしてリクエスト構成を受け入れます(クエリ文字列パラメーターではありません)。

paramsconfigオプションを使用して、クエリ文字列パラメータを次のように設定できます。

axios.get('/api', {
  params: {
    foo: 'bar'
  }
});

11
サーバー側でどのように抽出しますか?
Mustafa Mamun 2017年

1
@zero_cool paramsにアクセスする必要はありません。ここでは、例として「foo」にアクセスでき、「bar」を返します
Ashutosh Raj

ここではサーバー側での抽出が重要なポイントです。サーバー側のメソッドのパラメーターとして文字列fooを使用できますが、サーバー側のメソッド内のオブジェクトとしてすべてのパラメーターを一度に取得する方法はわかりません。どんな手掛かり?私はこのURLからこのヘルプを取得しようとしていますstackoverflow.com/questions/55602990/...
Kurkula

86

クライアント上:

  axios.get('/api', {
      params: {
        foo: 'bar'
      }
    });

サーバー上:

function get(req, res, next) {

  let param = req.query.foo
   .....
}

1
@danikorean、リクエストメソッドエイリアスを使用せずに同じクライアントコードを記述できますか。つまり、axios.getのみを使用する代わりにaxios({url:"url_goes_here",data:{params:{foo:'bar'}})
srbcheema1

1
このサーバーコードは私に時間を節約しました、ありがとう!疑問に思う方は、.get呼び出しに「params」を使用してください。検索中に見たような「body」は使用しないでください。必要に応じて、サーバー側で任意の名前に変更できますが、クライアントのparamsは保持します。
DORRITO

axios.get('/api', { params}) !==axios.get('/api', params)
xgqfrms
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.