More than 3 years have passed since last update.

axiosでcookieを送る方法（フロントエンド側）

Posted at 2021-12-06

#概要
こんにちは！
今日はaxiosを用いてcookieを送る方法を説明します。
HTTPヘッダにcookieをつける形で送ります。
実際にリクエストヘッダにcookieがついているかどうかは以前に記事にしたので【HTTPヘッダ, 検証モード】APIにリクエストをしたときのリクエスト・レスポンスヘッダを確認する。をみてみてください！

#手順
（例）

const resData = axios.post(
        'http://localhost:3001/users',
        answers,
        { withCredentials: true },
      )

このように引数を一つ追加してあげて、{ withCredentials: true }とすることでcookieをHTTPヘッダにつけて送ることができます。
バックエンドも開発している場合、バックエンドのCORSの設定も変える必要があるのですが、それはまた後日記事にしようと思います。

#余談
自分はバックエンドでsession管理を行うためにcookieを送る必要がありました。