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

Question

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

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

我想知道:如何使用相对重定向网址，而不是绝对重定向网址？

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

Answer 1

你可以像这样让它变得动态:

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

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