Angular 未找到Azure B2C自定义UI、角度、CSS文件_Angular_Azure_Azure Ad B2c

Angular 未找到Azure B2C自定义UI、角度、CSS文件

angular azure azure-ad-b2c

Angular 未找到Azure B2C自定义UI、角度、CSS文件,angular,azure,azure-ad-b2c,Angular,Azure,Azure Ad B2c,我对Azure Active Directory B2C登录/注册使用页面UI自定义。我在Angular应用程序中有一个页面，我在Azure门户的自定义页面URI设置中链接到该页面。链接在格式上。自定义页面如下所示： <html lang="en"> <head> <meta charset="utf-8"> <base href="/"> <link href="styles.bc5a6bca6bc.bundle.css" r

我对Azure Active Directory B2C登录/注册使用页面UI自定义。我在Angular应用程序中有一个页面，我在Azure门户的自定义页面URI设置中链接到该页面。链接在格式上。自定义页面如下所示：

<html lang="en">
<head>
  <meta charset="utf-8">
  <base href="/">
  <link href="styles.bc5a6bca6bc.bundle.css" rel="stylesheet">
</head>
<body>
  ...
  <div id="api"></div>
  ...
  <script type="text/javascript" src="main.b4ca12a354c.bundle.js"></script>
</body>
</html>


...
...

注册时，浏览器中将加载以下URL：

在浏览器控制台中，我收到以下错误：

得到 404（未找到）

我想问题在于，由于浏览器转到外部microsoftonline页面，因此无法找到具有相对url的css文件

我怎样才能解决这个问题？

我不想在文档中直接包含css代码，因为我不想在多个地方保存大量代码。css链接标记由Angular自动插入，因此我不知道是否可以以某种方式更改为绝对url，但这可能不好，因为我只希望此登录页面上有绝对url，而不希望其他页面上有绝对url。

您必须为样式文件（如样式表、图像和字体）使用绝对url

您可以使用

ngbuild--prod--deployurl=https://example.com/

为部署样式文件的位置指定基本URL

注意，目前，您不能使用任何脚本文件。

我想到了这个解决方案。但是我只想在一些有角度的页面（用于b2c的页面）上使用绝对URL，对于其他页面，应该使用使用相对URL的正常方式。如果我理解正确，您的解决方案会将绝对url广告到所有页面。也许有一些角度设置文件或类似的文件，我可以指定哪些页面包含这个和不包含这个。即使我们可以使用JS，B2C只允许某些HTML元素和属性，使角度基本上是无用的，这仍然发生吗？