在apache服务器中部署vue

Question

我在将 vue 应用程序部署到 apache2 时遇到问题。我在这个服务器中有后端（backand是用.Net编写的）。我的后端应用程序名为 my-finecard.online。对于这个后端，我做了 api.conf 并且 api conf 看起来像：

<VirtualHost *:*>
  RequestHeader set "X-Forwarded-Proto" expr=%{REQUEST_SCHEME}
</VirtualHost>
<VirtualHost my-finecard.online:80>
  ProxyPreserveHost On
  ProxyPass / http://127.0.0.1:5000/
  ProxyPassReverse / http://127.0.0.1:5000/
  ServerName my-finecard.online
  ServerAlias my-finecard.online
  
  ErrorLog ${APACHE_LOG_DIR}api-error.log
  CustomLog ${APACHE_LOG_DIR}api-access.log common
</VirtualHost>

另外对于我的前端，我更改了我的 /etc/apache2/apache2.conf 并将字符串添加到这个conf中：

<Directory /var/www/html>
  Options Indexes FollowSymLinks
  AllowOverride All
  Require all granted
</Directory>

因此我做了 .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>

我有这样的 dist 文件夹，它在 npm run build 之后生成：

总之，当我启动服务器时，然后转到 url: https://my-finecard.online/ 我有 404 错误。我该如何纠正这个问题？