无法使用htaccess加载css,js和image

时间:2014-11-25 02:54:44

标签: javascript php html css .htaccess

我在使用.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 ??谢谢你的回答

2 个答案:

答案 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

也阅读此帖子my htaccess file doesn't work to load css