我在使用.htaccess文件时遇到问题。如果我使用.htaccess文件,则无法加载css,js和image。
这是我的结构简单网页。 我在根目录中有一些文件和文件夹:
1个css文件夹(包括style.css)。
@charset "utf-8";
/* CSS Document */
h1 {
color:#F00;
}
1 index.php文件
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clean URL</title>
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<?php include "bukafile.php"; ?>
</body>
</head>
1个bukafile.php文件
<?php
switch ($_GET['page']){
case '' : if(!file_exists ("home.php"))
die ("File Not Found");
include "home.php";
break;
case 'artikel' : if(!file_exists ("artikel.php"))
die ("File Not Found");
include "artikel.php";
break;
default: break;
}
?>
1 home.php文件
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clean URL</title>
</head>
<body>
<?php
$sql=mysql_query("SELECT * FROM artikel order by id_artikel");
while ($r=mysql_fetch_array($sql)) {
$judul2 = str_replace(" ","-",$r[judul]);
?>
<p><?php echo"Judul : $r[judul]"; ?></p>
<p><?php echo"<a href='artikel/$r[id_artikel]/$judul2'>detail artikel</a>"; ?></p>
<?php
}
?>
</body>
</head>
1 artikel.php文件
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clean URL</title>
</head>
<body>
<h1>Percobaan</h1>
<?php
$detail=mysql_query("SELECT * FROM artikel WHERE id_artikel='$_GET[id]'");
$r = mysql_fetch_array($detail);
echo "<p>$r[judul]</p>";
echo "<p>$r[content]</p>";
?>
</body>
</head>
1 .htaccess文件
RewriteEngine on
RewriteRule ^artikel/([0-9]+)/([A-Za-z0-9-]+)/?$ index.php?page=artikel&id=$1 [NC,L]
在这种情况下,如果源代码<link href="css/styles.css" rel="stylesheet" />
,css文件无法在artikel php(标签h1)中加载,但如果我更改源代码<link href="../../css/styles.css" rel="stylesheet" />
它运行良好..那么,我该怎么办?编辑文件htacess而不更改源代码css ??谢谢你的回答
答案 0 :(得分:2)
这是因为您已更改相对URI基础。浏览器加载时:
/index.php?page=something
基础是/
。但是当浏览器加载时:
/artikel/123/abcd
基础是/artikel/123/
。这是相关网址时发生的情况。浏览器不知道您的文件实际上是在其他地方,或者URL将被重写。所以你需要告诉浏览器基础是什么。
尝试在页面标题中添加:
<base href="/" />
答案 1 :(得分:1)
您可以在.htaccess中定义基础
Options +FollowSymLinks
RewriteEngine on
RewriteBase /name of the path base