Laravel提交数据后redirect()->back()页面样式失效，刷新恢复

这种情况最常见的原因是页面资源（CSS/JS/图片）使用了相对路径，导致重定向后浏览器解析资源路径出错。

举个例子：假设你的页面里引用CSS的代码是 <link rel="stylesheet" href="css/style.css">，当你在/todos页面提交表单到/todos/store这个POST路由后，redirect()->back()会让浏览器跳回/todos，但浏览器可能会短暂地把当前路径识别为/todos/store，从而把相对路径的资源解析成/todos/css/style.css（而正确路径应该是/css/style.css），这就导致资源加载失败，样式失效。刷新页面后，浏览器重新以/todos作为当前路径，资源路径解析正确，样式就恢复了。

下面是几种快速解决的方法：

• 使用Laravel的asset()辅助函数生成绝对路径：
  把所有资源引用改成绝对路径形式，比如：

  <link rel="stylesheet" href="{{ asset('css/app.css') }}">
  <script src="{{ asset('js/app.js') }}"></script>
  

  asset()会自动基于你的应用根URL生成完整的资源路径，不管当前页面的路由是什么，都能正确加载资源。

• 在HTML头部添加<base>标签：
  在页面的<head>里添加一行代码，指定所有相对路径的基准URL：

  <base href="{{ url('/') }}">
  

  这样所有相对路径的资源都会基于应用根目录解析，避免路径混乱。

• 确认表单提交的路由配置：
  确保你的表单提交路由是正确的POST路由，并且redirect()->back()确实指向了正确的上一页GET路由。虽然这个情况比较少见，但有时候路由命名或参数错误也可能导致意外的路径解析问题。

内容的提问来源于stack exchange，提问作者Udipta Gogoi