8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

登录后无法使用 google oauth 获取用户个人资料

Timur Pak 1月前

19 0

我正在尝试使用 google oauth 获取用户登录信息。登录后我已经获得了凭证(访问令牌),但我如何获取用户个人资料?这是我的代码:导出默认函数

我正在尝试使用 google oauth 获取用户登录信息。登录后我已经获得了凭证(访问令牌),但我如何获取用户个人资料?

这是我的代码:

export default function SignIn() {
    const responseMessage = async (response) => {
        const { credential } = response;
        const accessToken = credential;

        try {
            await axios
                .post("http://localhost:5000/api/auth/google", { accessToken })
                .then((response) => console.log(response))
                .catch((error) => console.log(error.response));
        } catch (error) {
            console.log("Error fetching user info:", error);
        }
    };
    const errorMessage = (error) => {
        console.log(error);
    };
  return (
    <>
      <Box sx={{ display: "flex", justifyContent: "center" }}>
                    <GoogleLogin onSuccess={responseMessage} onError={errorMessage} />
            </Box>
    </>
  );
}
const { default: axios } = require("axios");
const express = require("express");
const router = express.Router();

router.post("/auth/google", async (req, res) => {
    const { accessToken } = req.body;

    try {
        const response = await axios.get(
            `https://www.googleapis.com/oauth2/v3/userinfo?access_token=${accessToken}`
        );

        const userInfo = response.data;

        res.status(200).json(userInfo);
    } catch (error) {
        res.status(400).json({ error: `Error fetching user info: ${error}` });
    }
});

module.exports = router;

在我使用谷歌登录后,它会抛出

error: "Error fetching user info: AxiosError: Request failed with status code 401"

帖子版权声明 1、本帖标题:登录后无法使用 google oauth 获取用户个人资料
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Timur Pak在本站《authentication》版块原创发布, 转载请注明出处!
最新回复 (0)
返回
作者最近主题: