重寫規則htacces在錯誤的文件夾中搜索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="/" />，以便每個相對網址都從該網址解析出來，而不是當前網址。