php - 子页面上的 Angular 2 apache .htaccess 文件 404

Question

我已经在我的 apache 服务器上成功安装并运行了 Angular 2 应用程序，我可以通过 [routerLink]="['/register']" 浏览页面

但是，当我刷新页面时，我在注册页面上收到 404 错误。我的重写规则有问题吗:

Options +FollowSymLinks
<ifModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) index.html [L]
</ifModule>

这也是我的 apache VirtualHost

<VirtualHost *:80>
    ServerName example.com
    ServerAdmin webmaster@localhost
    DocumentRoot /var/www/html/front/dist/browser
    <Directory /var/www/html/front>
        AllowOverride All
    </Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

Answer 1

您可以通过将 404 错误重定向到您的 index.html 来解决它

– 在 Apache 服务器托管中，编辑 Apache 配置:

sudo nano/etc/apache2/sites-enabled/000-default.conf

– 像这样添加 ErrorDocument 404:我的 index.html 位于/var/www/html/vas/index.html

– 完整文件:

<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot /var/www/html

# redirect 404 to index page
ErrorDocument 404 /vas/index.html

    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

– 通过命令 sudo service apache2 restart 重启 Apache 服务器