当请求 .php 像“/example.php/”但显示内容时，css 不起作用答案

【问题标题】：css not working when request .php like "/example.php/" but display the content当请求 .php 像“/example.php/”但显示内容时，css 不起作用
【发布时间】：2019-04-01 15:45:39
【问题描述】：

我正在用 php 开发一个脚本，我将每个部分分隔为 .php 文件以将它们放入 include() php 函数中。

所以我分开后

header.php
footer.php
等等..

使用 include() 在每个文件夹中一切正常，例如，如果您想在浏览器中查看文件：

http://localhost/yourfile.php很好！

http://localhost/yourfile.php/ 糟糕！

当你添加 (/) 时，它会显示 yourfile.php 的内容，但没有 css！

我尝试添加带有值的 .htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /snapchat/index.php [L]
</IfModule>

和标题值

<html lang="en" class="no-js">
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="assest/css/styles.css">
<!-- javascript files -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript" src="assest/js/main.js"></script>
<!-- end imported files -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>title</title>
</head>
<body>

【问题讨论】：

标签： php html css .htaccess url

【解决方案1】：

由于您要重写 URL，因此您需要在样式表之前添加一个斜杠

<script type="text/javascript" src="/assest/js/main.js"></script>

<link rel="stylesheet" type="text/css" href="/assest/css/styles.css">

这将解决您的问题！

【讨论】：

【解决方案2】：

那是因为你的 css 链接是相对的，例如 assest/css/styles.css ，所以浏览器尝试从 http://localhost/yourfile.php/assest/css/styles.css 下载样式

如果您将 css 的 pass 更改为 /assest/css/styles.css，浏览器将从 http://localhost/assest/css/styles.css 加载样式（考虑路径开头的 /）

【讨论】：