0

在此处输入图像描述我刚刚从本地环境中实时克隆项目并运行，但我无法加载我的文件 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 包但不工作如何正确加载这些文件任何帮助将不胜感激！

4

2 回答 2

0

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

<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文件

于 2018-10-02T16:18:08.253 回答
0

您可以使用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')}}">
于 2018-10-02T18:38:12.000 回答