部署在cPanel上的Angular应用通过邮件路由访问特定页面报404如何解决？

• 先确认你的Angular项目已完成生产构建（Angular 12+用ng build，旧版本用ng build --prod），并将dist文件夹内所有文件完整上传到cPanel的网站根目录（通常是public_html）。

• 替换或创建根目录下的.htaccess文件，使用以下完整规则：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

这套规则会把所有非文件、非目录的请求转发到index.html，交给Angular前端路由处理，而非让服务器查找不存在的物理文件。

• 检查cPanel的Mod Rewrite是否启用：

  1. 登录cPanel，找到Apache Modules或Select PHP Version（部分主机在此选项内）
  2. 确认mod_rewrite已勾选，未启用则勾选后保存。

• 额外注意事项：

  • 若Angular应用部署在子目录（如public_html/my-app），需修改RewriteBase为对应路径（比如RewriteBase /my-app/），同时构建时添加参数ng build --base-href /my-app/。
  • 测试前清除浏览器缓存，避免旧的404响应干扰结果。

内容的提问来源于stack exchange，提问作者Nelson Omoi