Laravel 9：多级URL下无法加载CSS文件的解决方法咨询

这种问题基本是因为CSS路径用了相对路径导致的——单级URL（比如/profile）下，相对路径能正确指向public目录里的资源，但多级URL（/user/profile）时，浏览器会把当前路径/user/当成基础路径，请求/user/css/xxx.css这种不存在的地址。下面是几个直接可行的解决办法：

• 用Laravel的asset()辅助函数生成绝对路径
  这是最稳妥的方式，asset()会自动基于你的APP_URL配置生成完整的资源URL，不管当前访问的是几级路径。
  示例代码：

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

  注意：确保你的CSS文件放在项目根目录下的public/css/文件夹里，这是Laravel默认的静态资源存放位置。

• 用url()辅助函数替代
  和asset()效果几乎一致，同样生成绝对路径，适合习惯用这个函数的场景：

  <link rel="stylesheet" href="{{ url('css/app.css') }}">
  

• 如果用了Laravel Mix编译资源，用mix()函数
  要是你用Mix打包CSS/JS，mix()不仅能生成正确路径，还会自动处理资源版本号，避免缓存问题：

  <link rel="stylesheet" href="{{ mix('css/app.css') }}">
  

  记得先运行npm run dev或npm run build编译资源，不然mix()找不到对应的文件。

• 检查服务器根目录配置
  要是上面的方法都没用，大概率是服务器（Apache/Nginx）的文档根目录没设对。必须把服务器的根目录指向Laravel项目的public文件夹，而不是项目根目录，这样静态资源的路径解析才会正确。

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