在Phoenix布局或模板文件中加载静态CSS路径

时间:2016-09-19 02:26:26

标签: elixir template-engine phoenix-framework

我有一个在几个路线上加载的布局文件。在我的布局文件中,我加载了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路径?

1 个答案:

答案 0 :(得分:2)

要相对于网站的根目录加载CSS文件,只需将/添加到href

<link rel="stylesheet" type="text/css" href="/css/app.css" media="screen" />