angular - 如何使用其他网站的 Angular 应用程序

Question

1. 我的 Angular 应用程序托管在 www.A.com ,
2. 我的客户有一个托管在 www.B.com 上的网站。
3. 我需要让我的客户在他的网页上插入 Angular 应用程序而不将应用程序文件复制到他的网站。我希望我的客户只需添加一些 HTML 代码，这些代码引用了我原来的 www.A.com 中的文件。网站。

所以，在某些页面 www.B.com/somepage.html 客户会这样写:

<base href="https://www.A.com" />
<app-root></app-root>
<script src="runtime.469fa17746b90e8a757c.js" defer></script>
<script src="polyfills.35a5ca1855eb057f016a.js" defer></script>
<script src="scripts.3cf90f8fc92130239739.js" defer></script>
<script src="main.f229882672708596d13b.js" defer></script>

我尝试了这种方法，但遇到了一大堆与 CORS 和 CORB 相关的问题。

是否有人对网页如何使用来自另一个域的 Angular 应用程序有明确的路径？

编辑注释 1:iframe 的解决方案对我们不起作用，因为它会对 SEO 产生负面影响(Google 会因此而惩罚我们)，因此我们不能在我们的网站上使用带有外部链接的 iframe。

编辑注释 2:我拥有 www.A.com 的所有权(所以我可以调整我的应用所需的任何配置/HTTP header ，以便从外部网站使用)

Answer 1

我们可以通过多种方式做到这一点

1. 您可以使用子域，来指向其他项目，
2. 您可以使用 iframe 来加载它并为其设置样式。
3. 您可以将您的一个应用程序作为独立模块，并将其作为 NPM 模块并在另一个应用程序中使用。