主要观点:构建一个使用 SSR 或 SSG 进行 SEO、CSRF 安全会话 cookie、清晰 CORS 规则且能顺利部署到 Vercel 及 Forge 或 Vapour 的安全应用,让读者了解相关技术的配置和流程,避免常见问题。
关键信息:
- 架构使用清晰角色,Laravel 处理数据等,Next.js 处理 UI 等,后端暴露 REST API,前端按需使用 SSR/SSG/ISR。
- 介绍使用的栈和版本,如 Laravel 12、Next.js 15 等,以及本地开发和生产环境的设置。
- 详细阐述 Laravel 12 作为干净 REST API 的设置,包括安装配置、认证路由等。
- 讲解 Next.js 15 前端与 Laravel 的交互,数据获取模型等。
- 说明端到端认证流程,包括登录、保护页面等。
- 介绍部署到 Vercel、Forge 或 Vapour 的流程及注意事项,包括环境设置、CORS 等,还列举常见问题及解决办法。
重要细节: - 本地开发时 Laravel 在http://localhost:8000,Next.js 在http://localhost:3000,生产环境使用 HTTPS。
- Laravel 中设置会话 cookie 需在生产环境使用 SameSite=None 和 Secure,CORS 允许 Next.js 域且在浏览器和 Laravel 中都启用凭据。
- Next.js 数据获取有 SSR、SSG、ISR 等方式,服务器组件更安全。
- 登录流程中先获取 CSRF cookie 再登录,后续 API 调用保持会话。
- 部署时要注意环境变量设置、域名匹配等,避免常见问题。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。