サーバーサイドから送信されたcookieをブラウザに設定したい

Question

前提・実現したいこと

サーバーサイドはGoのecho、フロントエンドはReactを使ったアプリを開発しています。
サーバー側でcookieを生成・送信しているはずなのですが、ブラウザ側でcookieが保持されません。
どのように対処すれば良いのでしょうか。
サーバー側でcookieを生成し送信すれば、ブラウザに保持されるものと考えていたのですが、React（javascript）でも何らかの処理が必要になるのでしょうか。

ブラウザのネットワークタブで表示されたレスポンスヘッダー

Access-Control-Allow-Origin: *
Content-Length: 0
Date: Fri, 12 Nov 2021 15:57:51 GMT
Set-Cookie: token=xxxxxxxx; Path=/; Expires=Fri, 12 Nov 2021 16:57:51 GMT; HttpOnly; SameSite=Lax
Vary: Origin

該当のソースコード

package main

"net/http"
"time"
"github.com/labstack/echo/v4"
"github.com/labstack/echo/v4/middleware"

func main() {
    e := echo.New()
    e.Use(middleware.CORS())
    e.POST("/login", Login)
}

func Login(c echo.Context) error {
    // 省略

    myCookie := &http.Cookie{
        Name:     "token",
        Value:    "xxxxxxxx",
        Path:     "/",
        Expires:  time.Unix(3600, 0),
        Secure:   false,
        HttpOnly: true,
        SameSite: http.SameSiteLaxMode,
    }
    c.SetCookie(myCookie)

    return c.NoContent(http.StatusOK)
}

import axios from 'axios';
import  { configure } from 'axios-hooks'

const axiosInstance = axios.create({
  baseURL: 'http://localhost:8080'
});
configure({cache:false, axios:axiosInstance });

axios.post('login', {
  email: '[e-mail]',
  password: 'xxxxxxxxxx'
}).then((res) => {
})
.catch((err) => {
});

補足情報（FW/ツールのバージョンなど）

go 1.16
echo 4.4.0
axios 0.24.0
axios-hooks 2.7.0

Comments

[退会済みユーザー]

> ブラウザ側でcookieが保持されません。
これはどのように確認しましたか？

[退会済みユーザー]

chromeの開発者ツールのApplicationタブ→Cookiesから確認しました。
「Set-Cookie: token=xxxxxxxx」の内容が表示されるかと思ったのですが、何も表示されていないようです。

[退会済みユーザー]

確認方法は質問に追記しておいてください。

[hoshi-takanori]

withCredentials の設定と、go のポートが別なら cors 対応も必要では。
https://ondwn.com/blog-20190516/

[退会済みユーザー]

ありがとうございます。
確かに、withCredentialsをgolangとreact双方に設定する必要がありました。

Answer 1

レスポンスヘッダに Set-Cookie があるのに、ブラウザに保存されていないという事は削除されているのだと思います。
サーバかブラウザのどちらかの時計がズレていんではないでしょうか？

Comments

[退会済みユーザー]

ありがとうございます。
時刻設定にloc, err := time.LoadLocation("Asia/Tokyo")、cors設定にAllowCredentials: trueを追加することで、cookieを取得することができました。

[退会済みユーザー]

> cors設定にAllowCredentials:

別の port にでもリクエストしていたんですかね？
だとしたら、こっちですね。