Question

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

<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>

注册时，浏览器中会加载以下网址：

https://login.microsoftonline.com/x.onmicrosoft.com/B2C_1_Sign_Up_or_In/api/CombinedSigninAndSignup/unified?local=signup&csrf_token=x&tx=StateProperties=x&p=B2C_1_Sign_Up_or_In

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

GET https://login.microsoftonline.com/x.onmicrosoft.com/B2C_1_Sign_Up_or_In/api/CombinedSigninAndSignup/styles.b3c5ab3ca35abc3a5.bundle.css 404（未找到）

我想问题是，由于浏览器进入外部微软在线页面，无法找到带有相对网址的css文件。

我该如何解决这个问题？我不想直接在文档中包含css代码，因为它是很多我不想在多个地方保留的代码。 Angular会自动插入css链接标记，所以我不知道我是否可以通过某种方式更改为绝对网址，但这可能不太好，因为我只想在此登录页面上使用绝对网址而不是在其他页面上。

Answer 1

您必须使用样式文件的绝对URL（例如样式表，图像和字体）。

您可以使用ng build --prod --deploy-url=https://example.com/指定部署样式文件的基本URL。

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

Azure B2C自定义UI，未找到Angular，CSS文件

1 个答案: