Laravel 9部署至Heroku后登录样式错乱且出现419错误求助

一、登录页面样式错乱解决方法 #

样式错乱通常是前端资源未正确编译或部署导致的，按以下步骤排查：

• 部署前本地执行前端编译命令：
  若使用Vite（Laravel 9默认）：npm run build
  若使用Mix：npm run prod
• 配置Heroku buildpack顺序，确保先编译前端资源：

  heroku buildpacks:add heroku/nodejs
  heroku buildpacks:add heroku/php
  

• 检查.gitignore文件，确保未排除编译后的资源目录（如public/build），若未提交编译文件到Git，需保证Heroku部署时自动执行编译。
• 清理Heroku缓存后重新部署：

  heroku repo:purge_cache
  git push heroku main
  

二、419页面过期错误解决方法 #

419错误源于CSRF令牌验证失败或会话配置问题，按以下步骤处理：

• 重置Heroku环境变量APP_KEY：

  heroku config:set APP_KEY=$(php artisan key:generate --show)
  

• 修改会话驱动为数据库或Redis（Heroku不支持file驱动）：

  heroku config:set SESSION_DRIVER=database
  

  若使用数据库驱动，确保已执行会话表迁移：本地执行php artisan session:table后提交迁移文件，再在Heroku执行heroku run php artisan migrate
• 配置正确的APP_URL和HTTPS会话设置：

  heroku config:set APP_URL=https://your-app-name.herokuapp.com
  heroku config:set SESSION_SECURE_COOKIE=true
  

• 确认登录表单中包含@csrf指令，确保页面渲染出CSRF隐藏字段。

内容的提问来源于stack exchange，提问作者Luca Girotti