Question

我是Laravel新手。我在本地系统上安装了laravel 5.7，然后将js和css放入公用文件夹，但是在浏览器中访问我的网站网址时，网站未加载任何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文件，并将它们放在根目录下以在不公开路径的情况下运行站点。

这是我如何呼叫url： CSS：

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

JS：

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

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

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

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

谢谢。

Answer 1

您有3个可能性

使用Valet之类的工具
使用VirtualHost
或者最简单的方法是，在项目中使用命令php artisan serve并浏览 http://localhost:8000参见Local Development Server

编辑：我忘记了Homestead

Answer 2

剪切时，if (!document.isDeleted())和.htaccess文件必须提供公用文件夹作为路径。试试这个：

index.php

Answer 3

asset()助手将基本URL附加到您提供的路径上。

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

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

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

与js文件相同，希望您能理解。

Answer 4

对于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

Answer 5

您直接放置了CSS和js，因此必须尝试使用此资产dataSrc函数。

href="{{ assets('')}}"

还有js

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

Answer 6

在您的根文件夹中创建.htaccess 并写成这样：

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTP_HOST} ^localhost$ [NC]
    RewriteRule ^(.*)$ public/$1 [L,NC] 
</IfModule>

Laravel 5.7-CSS和JS无法使用URL :: asset加载

6 个答案: