重写规则 htaccess 在错误的文件夹中搜索 css

Question

当我添加我的 HTaccess 重写规则时，我使用实习生使用的 scr 属性的路径正在转移。对于第一条规则，所有 CSS 都可以正常工作，但是当它在链接中添加第二个变量时，我的 css 文件和脚本文件突然从错误的文件夹中调用。

Options +FollowSymLinks
RewriteEngine On
RewriteBase /jellyfish_rework/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([^/]*)$ index.php?p=$1 [L]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([^/]*)/([^/]*)$ index.php?p=$1&t=$2 [L]

在第一条规则中，一切都完美无缺。例如，当我的链接带有一个变量（页面的 p 变量）时，它可以正常工作。这种情况下的链接最终是http://localhost/jellyfish_rework/blog。并且正常调用css和脚本

<link href="css/jellyfish.css" rel="stylesheet" type="text/css"> 将成为我的 css 样式表的链接。

但是，当我的 t（代表标题）变量被填写时，例如当我试图在我的博客中查找特定帖子时，我的整个链接都会改变。 Chrome 控制台将在http://localhost/jellyfish_rework/artikel/Lancering-van-onze-nieuwe-website 上输出以下内容：

GET http://localhost/jellyfish_rework/artikel/css/font-awesome.min.css  Lancering-van-onze-nieuwe-website:23
GET http://localhost/jellyfish_rework/artikel/css/jellyfish.css  Lancering-van-onze-nieuwe-website:24
GET http://localhost/jellyfish_rework/artikel/css/bootstrap.min.css  Lancering-van-onze-nieuwe-website:22
GET http://localhost/jellyfish_rework/artikel/css/animate.css  Lancering-van-onze-nieuwe-website:25
GET http://localhost/jellyfish_rework/artikel/js/custom/knob.js  Lancering-van-onze-nieuwe-website:168
GET http://localhost/jellyfish_rework/artikel/js/bootstrap/bootstrap.min.js  Lancering-van-onze-nieuwe-website:166
GET http://localhost/jellyfish_rework/artikel/js/custom/wow.min.js  Lancering-van-onze-nieuwe-website:167
GET http://localhost/jellyfish_rework/artikel/js/custom/jellyfish.js  Lancering-van-onze-nieuwe-website:169 

为什么要将 /article/ 添加到我的脚本和 css 的相对路径中？我该如何解决这个问题？

Answer 1

由于您在 css/js/images 中使用了相对 URL，您遇到了这个问题。您可以通过以下方式之一修复它：

1. 在您的 css、js、图像文件中使用绝对路径而不是相对路径。这意味着您必须确保这些文件的路径以 http:// 或斜杠 / 开头。

2. 否则，请尝试在页面的 HTML 标头中添加：<base href="/" />，以便从该 URL 而非当前 URL 解析每个相对 URL。