使用相同的自定义域在netlify上部署两个不同的角度项目的正确方法是什么？

Question

问题摘要：

我有两个单独的角度项目：

1. 我的投资组合网站
2. 我的个人项目名为“代理商”

我已经在Netlify上成功部署了这两个项目。

然后，我为我的投资组合网站设置了一个自定义域。

这些项目的URL如下：

1. 投资组合网站（www.snsakib.com）
2. “代理商”网站（https://project-agency.netlify.com）

我现在正尝试如下更改“代理商”网站的网址：

“ www.snsakib.com/projects/agency/live-demo”

背景以及我已经尝试过的方法：

两个项目都是使用Angular 8创建的。

我发现this question和this question有点接近我的问题。

我已经成功地将上述问题提供的技术应用于普通的HTML，CSS和JS项目中。但是，当我尝试对Angular项目实施相同的技术时，浏览器将呈现空白页面。

我已经在我的投资组合网站的仓库中创建了一个_redirects文件，并添加了以下规则：

# Redirects rules for showing project live demos
/projects/agency/live-demo https://project-agency.netlify.com 200!

# Redirects rules for single page application
/* /index.html 200

预期结果：

访问“ www.snsakib.com/projects/agency/live-demo”链接时，浏览器应呈现网站，但呈现空白页面。

如果我访问Netlify提供的URL（https://project-agency.netlify.com），则网站将正确呈现。