无法使用htaccess加载css,js和图像


Can't load css, js and image with htaccess

我在使用.htaccess文件时遇到问题.css如果我使用.htaccess文件,js和图像无法加载。

这是我的结构简单的网络。我在根目录中有一些文件和文件夹:

1 个 CSS 文件夹(包括样式.css)。

@charset "utf-8";
/* CSS Document */
h1 {
    color:#F00;
}

1 个索引.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 个布卡文件.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 首页.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 个工件.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" />它运行良好.. 那么,如何在不更改源代码 CSS 的情况下编辑文件 htacess? 谢谢你的回答

这是因为

您更改了相对 URI 基数。当浏览器加载时:

/index.php?page=something

底座/.但是当浏览器加载时:

/artikel/123/abcd

底座/artikel/123/.这就是相对 URL 时发生的情况。浏览器不知道您的文件实际上在其他地方,也不知道URL将被重写。所以你需要告诉浏览器基础是什么。

尝试在页面的标题中添加以下内容:

<base href="/" />

您可以在 .htaccess 中定义基数

Options +FollowSymLinks
RewriteEngine on
RewriteBase /name of the path base

也阅读这篇文章,我的htAccess文件无法加载CSS