.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配置自定义中间件模拟重写:
- 在项目根目录创建
.vscode/settings.json文件 - 写入以下配置,用中间件实现和.htaccess相同的重写逻辑:
{ "liveServer.settings.middleware": [ { "middleware": "rewrite", "options": { "rules": [ { "from": "^/(.*)\\.html$", "to": "/$1", "redirect": "permanent" }, { "from": "^/(.*)$", "to": "/$1.html" } ] } } ] } - 重启Live Server后,访问带
.html后缀的URL会自动跳转到无后缀路径,直接访问无后缀路径也能加载对应的HTML文件。
- 在项目根目录创建
- 换用支持Apache的本地环境:比如XAMPP、WAMP这类工具,把项目放到它们的网站根目录(比如XAMPP的
内容的提问来源于stack exchange,提问作者user20232237
相关产品推荐
相关产品推荐

