Laravel 5.7 - CSS 并且 JS 未使用 URL::asset 加载

Question

我是 laravel 的新人。我在我的本地系统上设置 laravel 5.7 并将 js 和 css 放入 public 文件夹但是当在浏览器上访问我的网站 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 文件并将它们放在运行站点的根目录下，路径中没有 public。

这是我调用 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

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

你有3种可能

使用类似 Valet
使用VirtualHost
或者最简单的，在你的项目中使用命令php artisan serve并浏览 http://localhost:8000 see Local Development Server

编辑：我忘记了 Homestead

Answer 3

剪切 .htaccess 和 index.php 文件时必须给 public 文件夹作为路径。试试这个：

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

Answer 4

asset() 助手将基础 URL 添加到您提供的路径中。

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

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

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

js文件也一样，希望你理解。

Answer 5

你直接放了你的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 6

在您的根文件夹中创建 .htaccess 并写下：

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

Answer 7

在 .env 文件中添加新行

ASSET_URL=public

我用这种方法解决了这个问题。

Laravel 5.7 - CSS 并且 JS 未使用 URL::asset 加载

Laravel 5.7 - CSS and JS not loading using URL::asset

php

laravel

laravel-5.7