Laravel多参数路由导致HTML样式失效问题求助

• 替换相对路径为Laravel内置资源路径辅助函数
  把视图里引用CSS、JS的相对路径，改成用asset()函数生成绝对路径：

  <!-- 原错误写法 -->
  <link href="assets/css/argon.css" rel="stylesheet">
  <script src="assets/js/argon.js"></script>
  
  <!-- 修改后 -->
  <link href="{{ asset('assets/css/argon.css') }}" rel="stylesheet">
  <script src="{{ asset('assets/js/argon.js') }}"></script>
  

  这个函数会自动生成基于项目根目录的绝对URL，不管当前路由层级是多少，资源路径都会指向http://127.0.0.1:8000/assets/...

• 若用Laravel Mix编译资源，改用mix()函数
  如果项目用Mix处理前端资源打包，直接用mix()更稳妥，它会自动处理版本号和正确路径：

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

• 全局设置基准路径（可选）
  在视图的<head>标签里添加<base>标签，强制所有相对路径以根目录为基准：

  <head>
    <base href="{{ url('/') }}/">
    <!-- 其他head内容 -->
  </head>
  

  这样就算忘了改个别相对路径，浏览器也会自动按根目录解析资源地址

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