🔖

デプロイ先がフロントとバック別々でSanctumでSPA認証をする話

2023/03/07に公開

デプロイ先がフロントとバック別々でSanctumでSPA認証をする話

今回、開発したプロダクトはフロントをNext.js、バックをLaravelで開発したものです。
フロントはVercelにデプロイ
バックはさくらレンタルサーバーにデプロイ

ここで問題発生!!

https://zenn.dev/funayamateppei/articles/ee64daaaff6ccf

前に書いた記事の通り、トップレベルドメインが違うと、SanctumのSPA認証は使えない!!
419エラーを吐いて認証周りの非同期通信ができません。

そこで、今回強行突破した方法が、、、

お名前.com で入手したドメインでトップレベルドメインを同じにする

  • フロント
    example.com
  • バック
    api.example.com

上記のように、バックをサブドメインにすることで認証周りを動かすことができました!

Vercelとさくらレンタルサーバーのドメインの登録方法は今度追記します!

Discussion