在Apache服务器中运行Angular项目的URL问题

Question

看，我不知道我在标题中是否表现得很好，但是就这样了。

我制作了一个有角度的应用程序，客户可以通过我的网站购买健身房的计划。因此，我制定了一个路由方案，该URL中的第一件事是Gym的ID（从我的数据库中恢复），然后是“ / plans”。

例如：localhost:4200/000162/plans

这里出现问题，我建立了我的项目，文件夹结构类似于dist/__projectName__/__projectContent__。

使用命令ng build --prod --base-href /vysor_vendas_online/app/

然后我将所有projectContent都放在路径www/vysor_vendas_online/app/的Apache服务器文件夹中，并试图在我的浏览器中运行。

[localhost:8080/vysor_vendas_online/app/index.html?000162/plans但没有任何反应，它停留在白屏中，没有控制台错误，但是当我尝试使用Angular服务器localhost:4200/000162/plans时，它可以工作。

我在这里做错了什么？我应该如何访问我在代码中指定的路由？

Answer 1

如deployment官方文件所述>

路由的应用程序必须回退到index.html

Apache：向.htaccess文件添加重写规则，如图所示（https://ngmilk.rocks/2015/03/09/angularjs-html5-mode-or-pretty-urls-on-apache-using-htaccess/：]

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]

# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html