You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.htaccess移除URL中.html后缀无效,VSCode Live Server测试问题

解决.htaccess移除.html后缀在VSCode Live Server中无效的问题
  • 核心问题:VSCode的Live Server是基于Node.js的轻量开发服务器,不支持Apache的.htaccess重写规则,所以你写的配置即使语法正确,在Live Server环境下也不会生效。

  • 可行解决方式:

    • 换用支持Apache的本地环境:比如XAMPP、WAMP这类工具,把项目放到它们的网站根目录(比如XAMPP的htdocs文件夹),启动Apache服务后再测试,你的.htaccess规则就能正常发挥作用。
    • 给Live Server配置自定义中间件模拟重写:
      1. 在项目根目录创建.vscode/settings.json文件
      2. 写入以下配置,用中间件实现和.htaccess相同的重写逻辑:
        {
          "liveServer.settings.middleware": [
            {
              "middleware": "rewrite",
              "options": {
                "rules": [
                  {
                    "from": "^/(.*)\\.html$",
                    "to": "/$1",
                    "redirect": "permanent"
                  },
                  {
                    "from": "^/(.*)$",
                    "to": "/$1.html"
                  }
                ]
              }
            }
          ]
        }
        
      3. 重启Live Server后,访问带.html后缀的URL会自动跳转到无后缀路径,直接访问无后缀路径也能加载对应的HTML文件。

内容的提问来源于stack exchange,提问作者user20232237

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 20:05:33