保持页面功能完整，简化sign-in.html显示URL的方法

项目结构 #

• Test_Repo/public/index.html
• Test_Repo/app/class/view/sign-in.html

需求 #

访问 Test_Repo/sign-in.html 时，实际加载 Test_Repo/app/class/view/sign-in.html，且页面内容、功能正常，不修改现有文件夹结构。

解决方案 #

1. 配置.htaccess文件 #

将.htaccess放置在Test_Repo根目录，替换为以下代码：

RewriteEngine On

# 映射sign-in.html请求到真实文件路径
RewriteRule ^sign-in\.html$ app/class/view/sign-in.html [L]

# 保留根目录指向public/index.html的规则（按需保留）
RewriteRule ^$ public/index.html [L]

• RewriteRule ^sign-in\.html$ ... [L]：内部重写请求，浏览器地址栏仍显示Test_Repo/sign-in.html，但服务器实际加载目标文件；[L]表示终止后续规则匹配。
• 第二条规则确保访问Test_Repo/时指向public/index.html，无需可删除。

2. 修复页面资源路径问题 #

如果sign-in.html使用相对路径引用CSS、JS或图片，浏览器会基于当前URL解析路径，导致资源加载失败。需在页面的<head>中添加base标签：

<base href="/Test_Repo/app/class/view/">

此标签会让页面内所有相对路径都基于/Test_Repo/app/class/view/解析，保证资源正常加载。

内容的提问来源于stack exchange，提问作者Archit Verma