如何从 URL 中删除 .html？

Question

如何从静态页面的 URL 中删除 .html？

另外，我需要将任何带有.html 的网址重定向到没有它的网址。 （即 www.example.com/page.html 到 www.example.com/page ）。

Answer 1

要从您的网址中删除 .html 扩展名，您可以在 root/htaccess 中使用以下代码：

RewriteEngine on


RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC]
RewriteRule ^ /%1 [NC,L,R]

RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^ %{REQUEST_URI}.html [NC,L]

注意：如果您想删除任何其他扩展名，例如删除 .php 扩展名，只需将上面代码中的 html 替换为 php。

另见How to remove .html and .php from URLs using htaccess`。

Answer 2

通过改进@amit-verma (https://stackoverflow.com/a/34726322/2837434) 的答案，为这个问题做出我自己的贡献：

在我的情况下，我遇到了一个问题，即RewriteCond %{REQUEST_FILENAME}.html -f 正在触发（相信文件存在），即使我没想到它：

%{REQUEST_FILENAME}.html 在所有这些情况下都给了我/var/www/example.com/page.html：

• www.example.com/page（预计）
• www.example.com/page/（也很期待）
• www.example.com/page/subpage（不是预期的）

所以它试图加载的文件（相信如果是/var/www/example.com/page.html）是：

• www.example.com/page => /var/www/example/page.html（好的）
• www.example.com/page/ => /var/www/example/page/.html（不好）
• www.example.com/page/subpage => /var/www/example/page/subpage.html（不好）

只有第一个实际上指向一个现有文件，其他请求给了我 500 个错误，因为它一直认为该文件存在并重复附加 .html。

我的解决方案是将RewriteCond %{REQUEST_FILENAME}.html -f替换为RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI}.html -f

这是我的整个.htaccess（我还添加了一条规则，将用户从/index 重定向到/）：

# Redirect "/page.html" to "/page" (only if "/pages.html" exists)
RewriteCond %{REQUEST_FILENAME} -f
RewriteCond %{THE_REQUEST} /(.+)\.html [NC]
RewriteRule ^(.+)\.html$ /$1 [NC,R=301,L]

# redirect "/index" to "/"
RewriteRule ^index$ / [NC,R=301,L]

# Load "/page.html" when requesting "/page" (only if "/pages.html" exists)
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI}.html -f
RewriteRule ^ /%{REQUEST_URI}.html [QSA,L]

这是一个结果示例，可帮助您理解所有案例：

考虑到我的服务器上只有 2 个 html 文件（index.html 和 page.html）

• www.example.com/index.html => 重定向到 www.example.com
• www.example.com/index => 重定向到 www.example.com
• www.example.com => 渲染 /var/www/example.com/index.html
• www.example.com/page.html => 重定向到www.example.com/page
• www.example.com/page => 渲染/var/www/example.com/page.html
• www.example.com/page/subpage => 返回 404 未找到
• www.example.com/index.html/ => 返回 404 未找到
• www.example.com/page.html/ => 返回 404 未找到
• www.example.com/test.html => 返回 404 未找到

不再有 500 个错误?

---

另外，为了帮助您调试重定向，请考虑在浏览器中禁用网络缓存（因为旧的 301 重定向我在缓存中，这可能会引起一些头痛 ?）：

Answer 3

首先创建一个.htaccess文件并将内容设置为-

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}\.html -f
RewriteRule ^(.*)$ $1.html

下一步从所有文件中删除 .html，例如。 test.html 变成了只是测试，如果你想从另一个文件中打开一个文件，那么也可以从中删除 .html 并只删除文件名

Answer 4

使用井号标签。

可能不是你想要的，但它解决了删除扩展的问题。

假设您有一个保存为 about.html 的 html 页面，并且您不想要那个讨厌的扩展，您可以使用哈希标签并重定向到正确的页面。

switch(window.location.hash.substring(1)){
      case 'about':
      window.location = 'about.html';
      break;
  }

路由到yoursite.com#about 会将您带到yoursite.com/about.html。我用它来使我的链接更干净。

Answer 5

使用.htaccess 重写静态HTML 的URL 通常不仅没有必要，而且对您的网站性能不利。启用.htaccess 也是一个不必要的安全漏洞——关闭它可以消除大量潜在问题。每个.htaccess 文件的相同规则可以改为进入该目录的<Directory> 部分，如果然后设置AllowOverride None，它会更高效，因为它不需要检查每个目录的.htaccess文件，并且更安全，因为攻击者无法在没有 root 访问权限的情况下更改 vhost 配置。

如果您在 VPS 环境中不需要.htaccess，您可以完全禁用它并从您的网络服务器获得更好的性能。

您需要做的就是从这样的结构中移动您的单个文件：

index.html
about.html
products.html
terms.html

到这样的结构：

index.html
about/index.html
products/index.html
terms/index.html

然后，您的 Web 服务器将呈现相应的页面 - 如果您加载 /about/，它会将其视为 /about/index.html。

但是，如果有人访问旧的 URL，这不会重写 URL，因此如果它被追溯应用于现有站点，则需要重定向。

Answer 6

好问题，但它似乎让人们感到困惑。那些认为 Dave（OP）正在保存他的 HTML 页面没有.html 扩展名的人和那些认为他正常保存它们的人（使用.html）的答案几乎平分秋色。 ，但希望 URL 不显示。虽然这个问题可以措辞更好一些，但我认为他的意思很清楚。如果他在没有.html 的情况下保存页面，他的两个问题（“如何删除.html”）和（如何“使用.html 重定向任何网址”）将是完全相同的问题！所以这种解释没有多大意义。此外，他的第一条评论（关于避免无限循环）和他自己的回答似乎证实了这一点。

因此，让我们首先重新表述问题并分解任务。我们想要完成两件事：

1. 如果 .html 是请求的 URL 的一部分（例如 /page.html），则明显删除它
2. 将裁剪后的 URL（例如 /page）指向实际文件 (/page.html)。

做这两件事都没有什么难的。 （我们可以通过启用MultiViews 来实现第二个。）这里的挑战是在不创建无限循环的情况下两者。

Dave 自己的回答完成了工作，但它非常复杂，而且一点也不便携。 （对不起，戴夫。） Łukasz Habrzyk 似乎已经清理了 Anmol 的答案，最后 Amit Verma 对他们俩都进行了改进。然而，他们都没有解释他们的解决方案如何解决基本问题——如何避免无限循环。据我了解，它们之所以有效，是因为 THE_REQUEST 变量包含来自浏览器的原始请求。因此，条件 (RewriteCond %{THE_REQUEST}) 只会被触发一次。由于它不会在重写时触发，因此您避免了无限循环的情况。但随后您将处理完整的 HTTP 请求——GET、HTTP 等等——这部分解释了此页面上一些更丑陋的正则表达式示例。

我将提供另一种方法，我认为它更容易理解。我希望这可以帮助未来的读者理解他们正在使用的代码，而不是仅仅复制和粘贴他们几乎不理解的代码并希望获得最好的结果。

RewriteEngine on

# Remove .html (or htm) from visible URL (permanent redirect)
RewriteCond %{REQUEST_URI} ^/(.+)\.html?$ [nocase]
RewriteRule ^ /%1 [L,R=301]

# Quietly point back to the HTML file (temporary/undefined redirect):
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^ %{REQUEST_URI}.html [END]

让我们分解一下……

第一条规则非常简单。该条件匹配任何以.html（或.htm）结尾的URL，并重定向到不带文件扩展名的URL。这是一个永久重定向，表示裁剪后的 URL 是 canonical。

第二条规则也很简单。只有当请求的文件名不是有效目录 (!-d) 时，第一个条件才会通过。仅当文件名引用添加了 .html 扩展名的有效文件 (-f) 时，第二个才会通过。如果 两个 条件都通过，重写规则只需将“.html”添加到文件名中。然后神奇的事情发生了……[END]。是的，这就是防止无限循环所需要的一切。 Apache RewriteRule Flags documentation 解释它：

使用 [END] 标志不仅会终止当前轮次的重写 处理（如 [L]），但也防止任何后续重写 在每个目录 (htaccess) 上下文中发生的处理。

Answer 7

对于那些使用 Firebase 托管的人，此页面上没有任何答案。因为您不能在 Firebase 托管中使用 .htaccess。您必须配置 firebase.json 文件。只需在文件中添加"cleanUrls": true 行并保存即可。就是这样。

添加行后 firebase.json 将如下所示：

{
  "hosting": {
    "public": "public",
    "cleanUrls": true, 
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

Answer 8

我认为对Jon's answer 的一些解释将是建设性的。以下：

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

检查如果指定的文件或目录分别不存在，则重写规则继续：

RewriteRule ^(.*)\.html$ /$1 [L,R=301]

但这意味着什么？它使用regex (regular expressions)。这是我之前做的一个小东西……

我认为没错。

注意：在测试您的 .htaccess 时，不要使用 301 重定向。使用 302 直到完成测试，因为浏览器会缓存 301。见https://stackoverflow.com/a/9204355/3217306

更新：我有点误会了，. 匹配除换行符之外的所有字符，因此包括空格。另外，here is a helpful regex cheat sheet

来源：

http://community.sitepoint.com/t/what-does-this-mean-rewritecond-request-filename-f-d/2034/2

https://mediatemple.net/community/products/dv/204643270/using-htaccess-rewrite-rules

Answer 9

要从您的 URL 中删除 .html 扩展名，您可以在 root/htaccess 中使用以下代码：

#mode_rerwrite start here

RewriteEngine On

# does not apply to existing directores, meaning that if the folder exists on server then don't change anything and don't run the rule.

RewriteCond %{REQUEST_FILENAME} !-d

#Check for file in directory with .html extension 

RewriteCond %{REQUEST_FILENAME}\.html !-f

#Here we actually show the page that has .html extension

RewriteRule ^(.*)$ $1.html [NC,L]

谢谢

Answer 10

您还需要确保拥有Options -MultiViews。

在标准的 cPanel 主机上，上述方法都不适合我。

这行得通：

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [NC,L]

Answer 11

感谢您的回复。我已经解决了我的问题。假设我的页面位于 http://www.yoursite.com/html 下，则适用以下 .htaccess 规则。

<IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /html/(.*).html\ HTTP/
   RewriteRule .* http://localhost/html/%1 [R=301,L]

   RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /html/(.*)\ HTTP/
   RewriteRule .* %1.html [L]
</IfModule>

Answer 12

在 apache 下使用 .htaccess，您可以像这样进行重定向：

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)\.html$ /$1 [L,R=301] 

至于从url中删除.html，只需链接到没有.html的页面

<a href="http://www.example.com/page">page</a>

Answer 13

这应该适合你：

#example.com/page will display the contents of example.com/page.html
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^(.+)$ $1.html [L,QSA]

#301 from example.com/page.html to example.com/page
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.*\.html\ HTTP/
RewriteRule ^(.*)\.html$ /$1 [R=301,L]

Answer 14

我使用这个 .htacess 从我的 url 站点中删除 .html 扩展，请验证这是正确的代码：

    RewriteEngine on
RewriteBase /
RewriteCond %{http://www.proofers.co.uk/new} !(\.[^./]+)$
RewriteCond %{REQUEST_fileNAME} !-d
RewriteCond %{REQUEST_fileNAME} !-f
RewriteRule (.*) /$1.html [L]
RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /([^.]+)\.html\ HTTP
RewriteRule ^([^.]+)\.html$ http://www.proofers.co.uk/new/$1 [R=301,L]

Answer 15

RewriteRule /(.+)(\.html)$ /$1 [R=301,L] 

试试这个 :) 不知道行不行。