我有一个React应用程序，它使用类似https://app.example.com/id/component的URL结构，其中id和component是React路由器中使用的可变道具。应用程序使用id作为参数来确定应查询哪个id来呈现给定组件内的数据。
我的目标是能够映射（或屏蔽）URL，从而允许用户输入https://id.app.example.com/component，而我的应用程序可以将给定的URL作为“ https://app.example.com/id/component”来正确查询数据。在用户浏览时，URL将以https://id.app.example.com/{where ever they are}的形式保留给用户。
其他一些示例可能包括：
https://id.app.example.com => https://app.example.com/id
https://id.app.example.com/component/view => https://app.example.com/id/component/view
我会注意到，域（example.com）已向GoDaddy注册。我已经进行了一些研究，并相信带有某种托管区域的Amazon Route 53可能是在传递给GoDaddy为该域提供的名称服务器之前处理所有DNS转换的解决方案。
是否有关于实现此目标的建议？