F3更改css文件的相对URi

时间:2015-01-07 20:59:30

标签: fat-free-framework

我是一个尝试F3的新手。我的示例应用程序基本上正在工作,但对css文件的引用会发生变化并导致无法找到。它看起来像.htaccess问题,但我似乎无法修复它。

我的css文件指定为

<link rel="stylesheet" href="ui/css/base.css" type="text/css" />
<link rel="stylesheet" href="ui/css/theme.css" type="text/css" />
<link rel="stylesheet" href="lib/code.css" type="text/css" />

我的.htaccess文件看起来像

RewriteBase /blog/

RewriteCond %{REQUEST_URI} \.ini$
RewriteRule \.ini$ - [R=404]

RewriteCond %{REQUEST_FILENAME} !-l
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .* index.php [L,QSA]
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization},L]

这是在/ root下的/ blog下,/ ui和/ lib是/ blog

中的目录

在访问路径模板时,css文件以某种方式被引用为/ blog / view / ui / css(&#39; view&#39;是路由名称)我不知道理解为什么这个引用会被改变。你能帮忙吗?

1 个答案:

答案 0 :(得分:2)

这是因为您相对引用了CSS文件。要么添加&#34; /&#34;如下

<link rel="stylesheet" href="/lib/code.css" type="text/css" />

或者您使用F3的内部变量来确定基本路径,如果您的应用程序位于子目录中,该路径可能会更好。因此,您应该在模板中编写以下内容(至少如果您使用的是Template类)

<link rel="stylesheet" href="{{@BASE}}/lib/code.css" type="text/css" />