在 Apache 的 Angular 项目中加载 SVG 时遇到问题

Question

我已经上线了我的第一个 Angular 项目，服务于 Apache。我在某个地方找到了一个可以使用的 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>

不幸的是，我很喜欢 htaccess 文件。有了这个，我可以访问任何 Angular 路由，正如预期的那样，但是，我所有的 SVG 文件都会出现 403：

Forbidden

You don't have permission to access /assets/cross.svg on this server.
Server unable to read htaccess file, denying access to be safe

这些文件归正确的组所有，并且都设置为 664，我的所有文件也是如此，所以我不知道为什么加载 CSS 和 JS 文件，但 SVG 是 403。

我希望得到一些关于我哪里出错的建议/指导。

根据我的要求，这是目录规则：

<Directory /var/www/opweekends.api/public/>
        Options Indexes FollowSymLinks
        AllowOverride All
        Require all granted
</Directory>

Answer 1

这里是 CakePHP 的重写规则。这很简单，而且一直对我有用。

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

https://github.com/cakephp/app/blob/master/webroot/.htaccess

注意：^ 字符后有一个空格。不确定是否需要空间。

如果继续出现同样的错误，则不是重写问题。