Laravel 5样式表和脚本不加载非基本路线
Laravel 5样式表和脚本不加载非基本路线
提问于 2015-06-13 10:55:40
在我的Laravel 5应用程序中，我很难将我的样式表、脚本和图像链接到一个非基本路线。当我访问example.com/about脚本和样式表时，如果我访问example.com/about/东西，脚本和样式表链接到example.com/about/css/style.css，而不是example.com/css/style.css。
我的代码如下：
Routes.php：
Route::get('about/{slug?}', ['as' => 'officerProfile', 'uses' => 'PagesController@about']);PagesController.php：
public function about($slug = 'president')
{
$officers = Officer::all();
$currentOfficer = Officer::where('slug', $slug)->first();
return view("pages.about", ['title' => $this->makeTitle('Learn About Us')])->with('officers', $officers)->with('currentOfficer', $currentOfficer);
}layout.blade.php：
{!! HTML::script('https://code.jquery.com/jquery-2.1.4.min.js') !!}
{!! HTML::script('js/skel.min.js') !!}
{!! HTML::script('js/skel-layers.min.js') !!}
{!! HTML::script('js/init.js') !!}
{!! HTML::script('js/scripts.js') !!}
<noscript>
{!! HTML::style('css/skel.css') !!}
{!! HTML::style('css/style.css') !!}
{!! HTML::style('css/style-desktop.css') !!}
</noscript>由于某种原因，Laravel认为当加载的路由是example.com/about时，基本URL是example.com/about。我也尝试过了，但是它仍然路由到example.com/about/image.jpg，而不是example.com/image.jpg。如有任何建议，将不胜感激。谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-06-13 11:05:01
您使用的是相对路径，您需要绝对路径。请参阅下面的示例，我添加的唯一内容是前面的/
{!! HTML::script('https://code.jquery.com/jquery-2.1.4.min.js') !!}
{!! HTML::script('/js/skel.min.js') !!}
{!! HTML::script('/js/skel-layers.min.js') !!}
{!! HTML::script('/js/init.js') !!}
{!! HTML::script('/js/scripts.js') !!}
<noscript>
{!! HTML::style('/css/skel.css') !!}
{!! HTML::style('/css/style.css') !!}
{!! HTML::style('/css/style-desktop.css') !!}
</noscript>相对路径加载与当前路径相关的文件。例如，从页面http://example.com/about/us中，您可以相对加载images/logo.png，这将导致实际的http://example.com/about/images/logo.png请求。
绝对路径总是来自主机名:与上面的示例相同，但是您将加载/images/logo.png，这将导致http://example.com/images/logo.png
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30822367
复制
相似问题
Laravel -基本路线404
Laravel 5路线组和基本路线(/)在组内获得路线
引导和样式表不本地加载
Laravel 5.3中参数失败的基本路线
防止RewriteRule影响脚本和样式表的加载
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
