laravel 路由 css 和 js 脚本

Posted 2023-03-14

【中文标题】laravel 路由 css 和 js 脚本

【英文标题】：laravel routing css and js scripts

【发布时间】：2015-10-10 03:14:56

【问题描述】：

我有一个 laravel 项目，只是想在其中使用一个简单的计时器 jquery 脚本。我在视图中创建了一个新文件夹，将我的代码放在那里。我还在那里放置了另一个名为 flip_timer 的文件夹，其中包含 jquery 文件。 我的问题是我无法使脚本路径工作“未找到 http 异常”。 文件夹结构如下所示：views > 中的文件夹包含文件（下面的代码）和包含所有需要文件的文件夹。每当我尝试使用代码运行链接时，页面都是空的，当我单击查看源代码并单击 css 或 js 链接时，它会显示我上面提到的错误...

<link rel="stylesheet" type="text/css" href="flip_timer/jquery.flipcountdown.css" />
<script type="text/javascript" src="flip_timer/jquery.min.js"></script>
<script type="text/javascript" src="flip_timer/jquery.flipcountdown.js"></script>


<div id="retroclockbox1">
  <script>
    jQuery(function($)
    $('#retroclockbox1').flipcountdown();
)
  </script>
</div>

【问题讨论】：

在这里查看最佳答案***.com/questions/15232600/…

以防万一上面的链接出现问题，您需要将资产（css / js）存储在 Laravel 的 public 目录中。

【参考方案1】：

将您的jquery.flipcountdown.css 文件放入名为：css/flip_timer/jquery.flipcountdown.css 的 css 文件夹内 与 您的 js 文件夹中的两个 js 文件名为：js/flip_timer/jquery.min.js 和 js/flip_timer/jquery.flipcountdown.js，然后将以下代码放入您的 html 文件中。

<link rel="stylesheet" href=" URL::asset('css/flip_timer/jquery.flipcountdown.css') " />

与 js 文件

<script type="text/javascript" src=" URL::asset('js/flip_timer/jquery.min.js') "></script>
<script type="text/javascript" src=" URL::asset('js/flip_timer/jquery.flipcountdown.js') "></script>