Azure 静态 Web 应用自定义回调页面

【问题标题】：Azure Static web apps custom callback pageAzure 静态 Web 应用自定义回调页面
【发布时间】：2022-11-02 14:30:48
【问题描述】：

作为对 swa 的身份验证的一部分，您可能会收到一个错误，此错误会通过回调页面传递回 swa，例如

/.auth/login/<provider>/callback?error=<error>&error_description=<description>

错误代码和消息仅显示为{ code: 401, message: "..." }，这对最终用户来说不是很有用。

我希望能够自定义此页面以使其更加用户友好。

在github 上报告为问题

有没有人有解决方法

【问题讨论】：

标签： azure-static-web-app

【解决方案1】：

建议您添加 responseOverrides 部分，这提供了在服务器返回错误代码时定义自定义响应的机会。

以下示例配置阻止匿名访问并将所有未经身份验证的用户重定向到 Azure Active Directory 登录页面。

{
  "routes": [
    {
      "route": "/*",
      "allowedRoles": ["authenticated"]
    }
  ],
  "responseOverrides": {
    "401": {
      "statusCode": 302,
      "redirect": "/.auth/login/aad"
    }
  }
}

有关使用示例，请参阅example configuration file。

见：https://learn.microsoft.com/en-us/azure/static-web-apps/configuration#response-overrides

【讨论】：