Laravel中Create控制器返回视图时CSS/JS无法加载问题求助

这种问题我之前也碰到过，大概率是资源引用的路径问题导致的，毕竟index和create对应的路由层级不一样，相对路径会跑偏～

问题根源 #

当你在index方法对应的路由（比如/admin/post）返回视图时，浏览器会以当前URL为基准解析相对路径；但切换到create方法对应的路由（比如/admin/post/create）时，相对路径的基准URL变成了/admin/post/create，导致浏览器请求了错误的资源路径（比如/admin/post/create/css/style.css），而这个路径下根本没有资源，所以加载失败，开发者工具里也看不到有效加载记录。

解决方案 #

• 替换相对路径为Laravel的辅助函数生成绝对路径
  把Blade布局文件里的CSS/JS引用，从相对路径改成asset()辅助函数生成的绝对路径，示例：

  <!-- 原来的相对路径（错误） -->
  <link href="css/app.css" rel="stylesheet">
  <script src="js/app.js"></script>
  
  <!-- 修改后的绝对路径（正确） -->
  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  <script src="{{ asset('js/app.js') }}"></script>
  

  asset()函数会自动基于你的应用URL生成正确的绝对路径，不管当前路由层级如何，都能准确指向public目录下的资源文件。

• HTTPS环境下的适配
  如果你的应用部署在HTTPS环境，可以使用secure_asset()函数确保资源通过HTTPS链接加载：

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

• 可选方案：使用url()辅助函数
  效果和asset()类似，但asset()更专注于public目录下的资源，推荐优先使用asset()：

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

最后提示 #

修改完成后，记得清空浏览器缓存再测试，避免旧的相对路径缓存影响结果。

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