我正在做一个外部项目。该应用程序已经编写,我需要添加一些功能。这就是为什么我无法编辑他们在代码中导入CSS和js文件的方式。不幸的是,我无法访问localhost中的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非常新。
试试这个:
<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>
对于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