6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

axiosでcookieを送る方法(フロントエンド側)

Posted at

#概要
こんにちは!
今日は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を送る必要がありました。

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?