laravel 在使用 url 传递值时不加载样式

Posted

技术标签:

【中文标题】laravel 在使用 url 传递值时不加载样式【英文标题】:laravel does not load styles while passing value with urls 【发布时间】:2018-02-25 04:14:44 【问题描述】:

我使用的是 laravel 5.4,但我的 url 有问题,当我使用 http://localhost:8000/Music/id 之类的 url 发送值时,laravel 不会加载样式,但如果使用没有值的 url 来获取该视图,它会正确加载样式,它也可以如果斜杠被添加到像http://localhost:8000/videos/ 这样的url 末尾,则不加载样式,但没有斜杠http://localhost:8000/videos 可以正常工作..对不起,我不会说英语。

这是我的代码:

Route::get('Music/id','homeController@Music');

public function Music(music $item)

    return view('music',['item'=>$item]);

这通过正确的路由模型绑定工作并且做我想要的但是当它返回音乐刀片文件时它不会加载我链接的样式但是如果使用它来代替:

Route::get('Music','homeController@Music');

一个

public function Music()

    $item = music::find(1); //for example
    return view('music',['item'=>$item]);

效果很好。 由于网址中的 vlaues,我检查了很多方法 如果在 url 末尾添加斜杠,它也不会加载样式或 js 文件

有什么问题?

【问题讨论】:

需要查看刀片模板以查看页面呈现方式... 这里是代码示例,我对其进行了测试,当我通过带有值的 url 获取样式或在其末尾添加斜杠时,它不会加载样式..但没有这些它会加载样式 【参考方案1】:

使用asset()函数...

<html>
   <head>
       <link href=" asset('css/test.css') " rel="stylesheet">
   </head>
   <body>
      <div class="square"></div>

   <!-- Same for javascript... -->
   <script src=" asset('js/app.js') "></script>

   </body>
</html>

【讨论】:

【参考方案2】:

我也对此进行了测试

<html>
<head>
    <link rel="stylesheet" href="css/test.css" type="text/css">
</head>
<body>
<div class="square"></div>
</body>
    </html>

【讨论】:

这不是在刀片模板中链接样式的正确方法...项目中的 test.css 文件夹在哪里? 它在 public/css/test.css 文件夹中 试试

以上是关于laravel 在使用 url 传递值时不加载样式的主要内容,如果未能解决你的问题,请参考以下文章

Laravel - 与资源的关系和加载时不起作用

从 web url 动态加载的图像在加载时不可见

如何使用 Laravel 将查询字符串附加到分页链接

使用 vuejs 和 laravel 在 URL 中传递参数

Angular 8 - URL 使用 routerLink 加载,但在 LOCALHOST 中的浏览器中直接访问时不显示

如何在 laravel json 文件中传递多个值?