バックエンドからCookieをフロントエンドに設定する

こんにちは
質問させて下さい。現在React、Node.jsでウェブアプリケーションを作成しており、デプロイ後、バックエンド側で生成したJWTのトークン(文字列)をres.cookieを使ってフロントエンドのCookieに保管をしたいのですか実現できません。調べてみると違うドメイン間だとできないらしいのですがいい方法はありませんでしょうか? ちなみにローカルでの作成時にはフロントエンド側でProxy:”http://localhost:8800"(バックエンド側のURL)を設定し同一ドメイン、ポートにすることにより実現しておりました。
フロントエンドはNetlify でホストhttps://something.netlify.app/
バックエンドはheroku でホスト https://something.herokuapp.com/

ここに実現したいことを箇条書きで書いてください。

  • アプリをデプロイ後、JWTトークンをバックエンドからフロントエンドのCookieに保管したい。

該当のソースコード

一部 Cookie生成のコード
const token=jwt.sign({id:data[0].id},process.env.JWT)
console.log(token)
res.cookie("access_token",token,{
domain:".netlify.app",
httpOnly:true,
secure:true,
SameSite:"none"
}).status(200).json(data[0])

index.js 一部
const app = express();
dotenv.config();
app.set("trust proxy",1)
app.use(express.json())
app.use(cors({
origin:"https://something.netlify.app",
credentials:true,
}))
app.use(helmet());
app.use(cookieParser()

javascript

コメントを投稿

0 コメント