Laravel 5.7 - CSS和JS没有使用URL :: asset加载

Question

我是laravel的新人。我在我的本地系统上设置laravel 5.7并将js和css放入公共文件夹但是当在浏览器上访问我的网站url时，网站没有加载任何css和js。

场地结构：

app
bootstrap
config
database
public
 -css
 -js
 -images
resources
 -views
    -includes
    -layouts
    -pages
routes
tests
vendor
index.php
server.php
.env

注意：我已经剪切了.htaccess和index.php文件并将它们放在root上以运行没有公共路径的站点。

这是我如何调用url：CSS：

{{ URL::asset('css/style.css') }}

JS：

{{ URL::asset('js/query-1.11.1.min.js') }}

看到源代码时，网址如下所示：

http://localhost/mysite/css/style.css

那么有人可以帮我解决这个问题吗？

提前致谢。

Answer 1

asset()帮助程序会将基本URL添加到您提供的路径中。

基本URL是index.php的位置（在本例中为：http://localhost/mysite/）。

如果您不希望index.php在/ public内，则需要在资产路径中使用public /，如下所示：

asset("public/css/style.css")

同样的js文件，我希望你理解。

Answer 2

当切割.htaccess和index.php文件时必须将公用文件夹作为路径。试试这个：

css
{{ URL::asset('public/css/style.css') }}
js
{{ URL::asset('public/js/query-1.11.1.min.js') }}

Answer 3

你有3种可能性

• 使用像Valet这样的工具
• 使用VirtualHost
• 或者最简单，在项目中使用命令php artisan serve并浏览http://localhost:8000，参见Local Development Server

编辑：我忘记了Homestead

Answer 4

你已经直接把你的css和js所以你必须尝试这个资产href="{{ assets('')}}"功能。

<link href="{{ asset('css/invoice.css') }}" rel="stylesheet" type="text/css"/>

还有js

<script type="text/javascript" src="{{ asset('js/word.js') }}"></script>

Answer 5

为JAVASCRIPT：

<script type="text/javascript" src="{{ URL::asset('js/query-1.11.1.min.js') }}"></script>

对于CSS：

<link href="{{ URL::asset('css/style.css') }}" rel="stylesheet" type="text/css" >

注意：如果您的目录结构如下所示：/public/css/style.css或/public/js/query-1.11.1.min.js