🔖
デプロイ先がフロントとバック別々でSanctumでSPA認証をする話
デプロイ先がフロントとバック別々でSanctumでSPA認証をする話
今回、開発したプロダクトはフロントをNext.js、バックをLaravelで開発したものです。
フロントはVercelにデプロイ
バックはさくらレンタルサーバーにデプロイ
ここで問題発生!!
前に書いた記事の通り、トップレベルドメインが違うと、SanctumのSPA認証は使えない!!
419エラーを吐いて認証周りの非同期通信ができません。
そこで、今回強行突破した方法が、、、
お名前.com で入手したドメインでトップレベルドメインを同じにする
- フロント
example.com - バック
api.example.com
上記のように、バックをサブドメインにすることで認証周りを動かすことができました!
Vercelとさくらレンタルサーバーのドメインの登録方法は今度追記します!
Discussion