如何在 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，而不是绝对重定向？

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

Answer 1

你可以像这样让它动态化：

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

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