引用 Laravel 4 公共文件夹中的文件

Question

我是 laravel 的新手，在 Laravel 的“公共”文件夹中引用我的 angularJS 文件时遇到了麻烦。我的公用文件夹结构如下所示::

public
   -angular
      -js

js 文件夹中还有其他文件夹。我在app/views 文件夹中有我的index.php 文件。当我转到我的应用程序主页http://learninglaravel.dev 时，浏览器按预期将我带到 index.php 文件。

在我的“index.php”文件中，我想在"public/angular" 文件夹下引用我的javascript 文件，但我得到"NetworkError: 404 Not Found" - 在浏览器控制台中意味着无法找到这些文件。这些是我尝试将它们包含在“index.php”文件中的一些选项：

<script src="../../public/angular/js/angular.js"></script>
<script src="../../public/angular/js/controllers/mainCtrl.js"></script> 
or
<script src="angular/js/angular.js"></script>
<script src="angular/js/controllers/mainCtrl.js"></script>
or
<script src="./angular/js/angular.js"></script>
<script src="./angular/js/controllers/mainCtrl.js"></script>

所有这些选项都无法找到“公共”文件夹下的文件。

我没有使用 Blade 模板。

Answer 1

你应该试试这个（假设你的文件名是 js.js）：

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

你在用刀片吗？

Answer 2

只是为了扩展 Eduardo 给出的答案，asset URL 助手就是您所追求的。

本质上，它会为您的公共文件夹生成一个动态 URL，然后您可以将其用于您希望包含的任何其他脚本、CSS 或其他内容。

在此示例中，您可能希望在给定文件结构的情况下使用如下所示的内容：

<script src="{{ asset('angular/js/angular.js') }}"></script>
<script src="{{ asset('angular/js/controllers/mainCtrl.js') }}"></script>

只要您使用刀片模板引擎（即index.blade.php），那么这将在您的页面上输出到：

<script src="http://yourwebsite.com/angular/js/angular.js"></script>
<script src="http://yourwebsite.com/angular/js/controllers/mainCtrl.js') }}"></script>

您的 Laravel 应用程序将能够将其解析为所需的脚本。

欲了解更多信息，请查看docs。

更新

刚刚看到您没有使用刀片的评论。

将您必须的内容传输到刀片并不难，只需将其全部复制到一个新文件中并将其保存为 .blade.php 并更新您在控制器中的引用。

否则，鉴于它生成的 URL，您应该能够手动将它们放在一起，并且只需导航到该 URL 以查看您得到的结果即可对其进行测试。

我强烈建议使用刀片，考虑到它拥有的所有帮助器和你可以使用的语法，它会让 Laravel 的生活变得更加轻松。