axiosでwithCredentialsをtureに設定しているのにcookieが保存されない

Question

前提・実現したいこと

axiosでレスポンスのcookieを保存したいのですが、うまくいきません。
axiosはwithCredentialsをtureに設定したものを使っています。
バックエンドとフロントエンドは別ドメインです。

発生している問題

axiosでリクエストを送り、レスポンスヘッダーにはset-cookieの値が設定されているのに、ブラウザに保存されません。

レスポンスヘッダーはChromeの検証機能で確認しており、以下のようになっています。

Request URL: https://localhost:53737/auth/login
Request Method: POST
Status Code: 200 
Remote Address: [::1]:53737
Referrer Policy: strict-origin-when-cross-origin

access-control-allow-credentials: true
access-control-allow-origin: http://localhost:3000
cache-control: no-cache,no-store
content-length: 0
date: Mon, 17 May 2021 12:55:26 GMT
expires: Thu, 01 Jan 1970 00:00:00 GMT
pragma: no-cache
server: Kestrel
set-cookie: .AspNetCore.Cookies={トークン}; path=/; secure; samesite=lax; httponly

cookieが保存されているかの確認は
chromeの設定->Cookieと他のデータ->すべてのCookieとサイトデータを表示
で確認しています。

どうかご助力をお願いいたします。

Answer 1

申し訳ございません、単純な理由でして自己解決できました。
フロントエンド側をhttpで実行していたのですが、これが原因でchromeがcookieの保存をブロックしていました。

フロントエンドとバックエンドを両方httpsにすることで解決しました。