【问题标题】:laravel 5- css and js are not loading with URL::assetslaravel 5-css 和 js 没有加载 URL::assets
【发布时间】:2017-06-24 21:02:34
【问题描述】:

我使用的是 laravel 5.2,但资产 url 有问题,我无法调用 css 或 js 链接

<script src="{{ URL::asset('/js/jquery.min.js') }}"></script>

<script src="{{ asset('/js/jquery.min.js') }}"></script>

html中的url为:http://localhost/site/js/...js

我已尝试添加公共但仍然无法正常工作

得到

NotFoundHttpException in RouteCollection.php line 161:

【问题讨论】:

  • 删除目录上的第一个斜线..
  • 还是不行,谢谢
  • 你得到的是 404 错误,我不认为是 css 或 js 没有加载。
  • 检查 Poublic/js 和 Public/css 中是否有这些文件
  • 你能检查一下你是否得到了public/jspublic/css里面的文件吗?

标签: php laravel laravel-5


【解决方案1】:

修改/vendor/laravel/framework/src/Illuminate/Foundation/helpers.php/asset()函数如下:

function asset($path, $secure = null)
{
   return app('url')->asset("public/".$path, $secure);
}

【讨论】:

    【解决方案2】:

    老实说,就这样试试吧,

    <link href="/css/app.css" rel="stylesheet">
    

    地址开头的 / 将假定您从服务器的根目录开始,即公共目录。

    【讨论】:

      【解决方案3】:

      这是重复的问题。你也可以在这里找到我的答案:

      Why I can't obtain the complete path of a CSS resource in a blade template?

      你在resources folder 中看到默认的laravel jscss 文件吗?把你的文件放在那里。我发现这个地方最方便。

      您可以像这样将它们加载到刀片中: &lt;link href="{!! asset('css/app.css') !!}" rel="stylesheet" type="text/css" &gt;

      如果您仍然遇到问题,请先在您的项目文件夹上运行它,然后再尝试:

      php artisan serve

      我希望它对你有用。有任何问题都可以告诉我。

      【讨论】:

      • 如果您觉得这是一个重复的问题,您应该将其标记为重复。
      【解决方案4】:

      更改&lt;script src="{{ URL::asset('/js/jquery.min.js') }}"&gt;&lt;/script&gt;

      <script src="{{ URL::asset('js/jquery.min.js') }}"></script>
      

      请注意 js 之前的 /,这可能是您的 css 和 js 链接不起作用的原因。 在 css 上也这样做。

      【讨论】:

      • 你在public/js目录中真的有jquery.min.js吗?
      【解决方案5】:

      做:

      1. php artisan 配置:清除
      2. php artisan 缓存:清除
      3. 删除 public/css 和 public/js
      4. 一饮而尽
      5. 再试一次

      您必须将您的 css、js、图像等放在公共文件夹中。 assets 方法的根是 public 文件夹,所以如果你有一个 public/css/style.css 文件,你可以使用asset('css/style.css') 来获取它的路径。

      asset文件夹用于存放需要编译成css文件的less或sass文件。

      【讨论】:

      • 问题可能出在您的 htaccess 或权限上。尝试暂时移除 htaccess 并尝试直接访问 css 文件。如果问题仍然存在,那么您应该尝试 chmod public/css 文件夹并将文件放入 777 并重试。再次检查 css 文件的路径及其名称。 @user450_user
      【解决方案6】:

      将 Node 版本从 15.* 更改为 12.13.0 帮助我安装了节点模块,然后我做了 gulp,现在一切正常!!是啊!!

      【讨论】:

        猜你喜欢
        • 2021-05-05
        • 2021-08-16
        • 1970-01-01
        • 2019-02-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-08-14
        • 1970-01-01
        相关资源
        最近更新 更多