如何在 MSAL 的 redirectUri 中使用相对 url？

Question

在我作为静态 Web 应用托管在 Azure 上的 React 应用中，我使用 MSAL 库进行身份验证。 为了创建一个新的 Msal.UserAgentApplication，我需要传递一个配置对象 - 特别是包含 redirectUri。 就像是：

const msalConfig = {
   auth: {
      clientId: "75d84e7a-40bx-f0a2-91b9-0c82d4c556aa", 
      authority: "https://login.microsoftonline.com/common",
      redirectUri: "www.example.org/start",
   },
   ...

我想知道：如何使用相对重定向 url，而不是绝对重定向 url？

我试图解决的具体问题如下：当我在本地启动和测试应用程序时，我想重定向到localhost:3000/start而不是www.example.org/start 。 到目前为止，我还没有找到比在每次运行/部署之前切换配置文件更好的方法，但这很烦人，当然很容易被遗忘......

Answer 1

您可以像这样使其动态化：

const msalConfig = {
  auth: {
    redirectUri: window.location.origin + '/start'
  }
}

这将获取当前原点并将 /start 添加到末尾。 这样它就可以在本地和部署的环境中工作。