[解決済み】Axiosのget in urlは機能するが、2番目のパラメータをオブジェクトにすると機能しない
2022-04-13 17:05:39
質問
GETリクエストを第2パラメータとして送信しようとしているのですが、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
もうまくいきません。
解決方法は?
axios.get
は、2 番目のパラメータとしてリクエストコンフィグを受け付けます (クエリ文字列のパラメータではありません)。
を使用することができます。
params
の設定オプションで、以下のようにクエリ文字列のパラメータを設定します。
axios.get('/api', {
params: {
foo: 'bar'
}
});
関連
-
[解決済み】コンポーネントの定義に表示名がない react/display-name
-
[解決済み] React テキストを挟んだ横長の仕切りを作る
-
[解決済み] Next.jsでWebSocketを利用する
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] ReactjsのEsLintの "react / jsx-props-no-spreading "エラーを無効化する。
-
[解決済み] React - 予想外のトークン、予想外の;
-
[解決済み] react.jsでng-ifに相当するものは何ですか?
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] React JSXのforEach()でHTMLが出力されない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】<Router>の外側で<Link>を使用してはならない
-
[解決済み] reactでonloadを使うには?
-
[解決済み] error 'document' is not defined : eslint / React
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] React TypeScriptで作業しているときに、Jestが予期しないトークンに遭遇した
-
[解決済み] React JSでは、状態を直接変異させない、setState() react/no-direct-mutation-stateを使用する。
-
[解決済み] react-navigation v5を使ったreact-nativeアプリのAppNavigatorの構文を更新する。
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] Reactでグローバル変数を宣言する方法とは?
-
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法