如何使用 5.2 版在 laravel 中正确加载 css 和 js 文件答案

【问题标题】：How to load css and js file in laravel correctly using version 5.2如何使用 5.2 版在 laravel 中正确加载 css 和 js 文件
【发布时间】：2019-03-07 19:01:06
【问题描述】：

我刚刚从本地环境中克隆并运行项目，但我无法加载我的文件 js 和 css，所有的东西都崩溃了。

目前我的 css 、 js 、 fonts 和 images 都在 public 文件夹下，并且可以查看

       {!!Html::style('css/bootstrap.min.css')!!}
       {!!Html::style('css/font-awesome.min.css')!!}
       {!!Html::style('css/reset.css')!!}
       {!!Html::style('css/superslides.css')!!}

和图片

        <link rel="apple-touch-icon" sizes="57x57" href="{{asset('images/favicon/apple-icon-57x57.png')}}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{asset('images/favicon/apple-icon-60x60.png')}}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{asset('images/favicon/apple-icon-72x72.png')}}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{asset('images/favicon/apple-icon-76x76.png')}}">

这样做是否正确，因为在现场它工作正常但在本地它不工作我还添加了集体 html 包但不工作如何正确加载这些文件任何帮助将不胜感激！

【问题讨论】：

您是否尝试过使用链接标签而不是使用 Html 外观？像这样：
nop 它不工作
如果您的文件位置正确，使用上面的代码应该可以工作。您的安装发生了一些有趣的事情。当你说“东西是崩溃”时，这是什么意思？您是在 CSS 和 JS 上遇到 404 错误，还是整个项目没有加载其他错误？
我添加了一张图片，请在每个页面上看到它的显示方式

标签： css laravel public jss

【解决方案1】：

你可以使用asset('/path to your file')或public_path('/path to your file')来加载它。

记得在网址前添加正斜杠“/”。例如

<link rel="apple-touch-icon" sizes="57x57" href="{{asset('/images/favicon/apple-icon-57x57.png')}}">
<link rel="apple-touch-icon" sizes="60x60" href="{{asset('/images/favicon/apple-icon-60x60.png')}}">
<link rel="apple-touch-icon" sizes="72x72" href="{{asset('/images/favicon/apple-icon-72x72.png')}}">
<link rel="apple-touch-icon" sizes="76x76" href="{{asset('/images/favicon/apple-icon-76x76.png')}}">

【讨论】：

【解决方案2】：

是的，您可以像使用 asset 加载图像一样加载 JS 和 CSS 文件，例如：

<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/reset.css') }}" />
<link rel="stylesheet" href="{{ asset('css/superslides.css') }}" />

在上面的示例中，确保您的 CSS 文件位于 app/public/css 文件夹中，同样适用于 JS 文件

【讨论】：

我尝试过同样的方法，但我不知道为什么它不起作用我仍然很困惑我的 css 和 js 文件在公共文件夹下并应用了上面的示例但显示相同
然后考虑重新安装laravel，它通常应该可以工作