相对href链接在非Chromium浏览器及移动端失效问题求助

问题情况 #

• 使用<a href="/events"> Events </a>跳转时，仅桌面端Chromium内核浏览器（Edge、Chrome）能正常跳转到[domain]/events；Arc iOS、Chrome iOS、Firefox Win11等其他浏览器点击后会跳转到[domain]events/（缺失开头斜杠）
• 手动输入[domain]/events也会被重定向到[domain]events/
• 直接访问[domain]/events/index.html可正常加载，说明服务器支持该路径的index.html解析，但移动端/非Chromium浏览器无法完成自动重定向

修复步骤 #

1. 修改Apache的.htaccess配置 #

在网站根目录/var/www/http下创建或编辑.htaccess文件，添加以下规则统一服务器路径处理逻辑：

RewriteEngine On
# 为不带结尾斜杠的目录请求补全斜杠，同时保留根路径前缀
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.*[^/])$ /$1/ [L,R=301]

# 设置目录请求默认指向index.html
DirectoryIndex index.html

2. 启用Apache的mod_rewrite模块 #

执行以下命令确保模块启用并重启服务：

sudo a2enmod rewrite
sudo systemctl restart apache2

3. 检查Astro.js构建配置 #

打开astro.config.mjs，确认base配置为空，保证构建生成根相对路径：

export default defineConfig({
  base: '', // 保持为空，不要设置成相对路径
});

4. 验证修复效果 #

修改完成后测试以下场景：

• 点击<a href="/events">标签，确认所有浏览器均能正确跳转至[domain]/events/（或自动加载index.html）
• 手动输入[domain]/events，确认被正确重定向到[domain]/events/

内容的提问来源于stack exchange，提问作者Willie Pai