invalid_request：为输入参数“redirect_uri”提供的值无效

Question

我正在开发一个应用程序来读取日历并使用 fullcalendar 渲染它，登录时出现错误并且重定向 uri 给出错误

我正在本地主机上工作，这是我正在处理的网址：

http://localhost/newdocu/calendarOutlook

我将该 URL 作为 Azure 门户中的重定向，输入电子邮件并单击“继续”后会出现以下错误屏幕。

我还尝试过以 .php 结尾的 url（在我将功能添加到整个应用程序之前所做的测试中，重定向以“.html”结尾，因为这是文件扩展名），输入文件的文件夹路径，重定向到另一个文件，错误仍然出现

这是我放置重定向 Uri 的代码：

const msalConfig = {
    auth: {
        clientId: "...",
        authority: "...",                    
        redirectUri: "http://localhost/newdocu/calendarOutlook",
        popUp: true
    }
};

非常感谢！！

Answer 1

如果重定向 URL 与 Microsoft Entra ID 应用程序中注册的 URL 不匹配，通常会出现错误 “invalid_request：为输入参数“redirect_uri”提供的值无效”。

最初我得到了类似的错误：

因此要解决该错误，请确保将 重定向 URL 配置为

http://localhost/newdocu/calendarOutlook

，如下所示：

并确保您传递的是正确ClientID，它只是此应用程序的客户端：

现在，经过上述更改后我可以成功登录了：

https://login.microsoftonline.com/TenantID/oauth2/v2.0/authorize? 
&client_id=ClientID
&response_type=code
&redirect_uri=http://localhost/newdocu/calendarOutlook
&response_mode=query
&scope=https://graph.microsoft.com/.default
&state=12345
&code_challenge=xxx
&code_challenge_method=S256