我有一个在几个路线上加载的布局文件。在我的布局文件中,我加载了CSS:
<link rel="stylesheet" type="text/css" href="css/app.css" media="screen" />
这样可以正确加载https://myurl.com/css/app.css
中的文件但是,这只适用于访问我的应用程序的基本路径&#34; /&#34;。例如,如果用户访问/用户,那么我最终会使用https://myurl.com/user/css/app.css
如何正确引用模板和布局中的静态CSS路径?
答案 0 :(得分:2)
要相对于网站的根目录加载CSS文件,只需将/
添加到href
:
<link rel="stylesheet" type="text/css" href="/css/app.css" media="screen" />