浏览器中使用Apple登录时出现Invalid_client错误的求助

各位大佬好！我刚接触Apple登录功能，现在遇到了一个头疼的问题：调用登录方法时会弹出弹窗，但提示invalid_client错误。以下是我目前的操作步骤，麻烦大家帮我看看哪里出问题了，万分感谢！

我的操作步骤：

• 创建了App ID：com.yuhan.test.app
• 创建了Service ID：com.yuhan.test.service
• 配置了域名和返回URL：
  • 域名：tts.perterpon.com
  • 返回URL：https://tts.perterpon.com/login
• 创建了Apple登录所需的密钥

我写的HTML代码如下：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Apple Login</title>
</head>
<body>
    <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in"></div>
    <script type="text/javascript">
        AppleID.auth.init({
            clientId: 'com.yuhan.test.service',
            scope: 'name email',
            redirectURI: 'https://tts.perterpon.com/login',
            usePopup: true
        });

        const buttonElementNew = document.getElementById('appleid-signin');
        buttonElementNew.addEventListener('click', async () => {
            try {
                const data = await AppleID.auth.signIn()
                console.log('Try/Catch Data', data.authorization.id_token);
                const formData = new FormData();
                formData.append("token", data.authorization.id_token);
                await fetch("", {
                    method: "POST",
                    body: formData,
                });
                // Handle successful response.
            } catch (error) {
                // Handle error.
            }
        });
    </script>
</body>
</html>

有没有大佬能给点排查思路？再次感谢大家！

内容来源于stack exchange