Question

我正在做一个外部项目。该应用程序已经编写，我需要添加一些功能。这就是为什么我无法编辑它们在代码中导入CSS和js文件的方式。不幸的是，我无法在本地主机上访问js和CSS文件

导入方式：

<script type="text/javascript" src="{{ asset('js/search-form/range-slider.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/provider-search.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/search-form/show-detail.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/slider-custom.css') }}">
<script src="{{asset('/js/scripts.js')}}"></script>

在我的浏览器中，我看到以下错误：

GET http://127.0.0.1:8000/js/tooltipster.bundle.min.js net::ERR_ABORTED 404 (Not Found)

以及每个js / css文件的内容。我所有的文件都位于

public/css/name.css
public/js/name.js
public/js/init/name.js
public/js/search-form/name.js

与消息来源的链接似乎是正确的，因此我认为这与当局有关，但是我在Laravel中是一个新手。

Answer 1

尝试一下：

<link rel="stylesheet" src="{{ URL::asset('css/name.css')}}"></link>
<script src="{{ URL::asset('js/name.js')}}"></script>
<script src="{{ URL::asset('js/init/name.js')}}"></script>
<script src="{{ URL::asset('js/search-form/name.js')}}"></script>

Answer 2

对于Javascript：

<script type="text/javascript" src="{{ URL::asset('js/search-form/range-slider.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/provider-search.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/search-form/show-detail.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/scripts.js') }}"></script>

使您的目录结构类似于JS：

/public/js/search-form/range-slider.js
/public/js/provider-search.js
/public/js/search-form/show-detail.js
/public/js/scripts.js

对于CSS：

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

对于CSS，使目录结构像这样：/public/css/slider-custom.css

Laravel不导入/读取公共源文件（css / js）

2 个答案: