F3 更改 css 文件的相对 URi

2024-01-16

我是一个尝试 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]

这是在 /blog 下的文档根目录下, /ui 和 /lib 是 /blog 中的目录

不知何故,CSS 文件被引用为 /blog/view/ui/css 访问路由模板时(“view”是路由名称)我不明白为什么这个引用会改变。你能帮我吗?


这是因为你相对地引用了你的 CSS 文件。您可以添加一个“/”,如下所示

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

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

<link rel="stylesheet" href="{{@BASE}}/lib/code.css" type="text/css" />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

F3 更改 css 文件的相对 URi 的相关文章

随机推荐