在ReactJS项目中使用Gmail API OAutho2身份验证

Question

我正试图从登录的用户那里获取电子邮件。使用https://www.googleapis.com/gmail/v1/users/userid/messages。我在AJAX调用中将access_token,scope作为头传递。但我得到了

“错误”：[{“域”：“全局”,“原因”：“autherror”,“消息”：“无效凭据”,“位置类型”：“标头”,“位置”：“授权”}],“代码”：401,“消息”：“无效凭据”}}

这是我的组件，我试图在其中获取邮件

    componentDidMount() {
>                 const user_mail_id = localStorage.getItem('user_mail_id');
>                 const access_token = localStorage.getItem('access_token');
>                 console.log(access_token);
>                 var config = {
>                     headers: {
>                         'Authorization': "BEARER " + access_token,
>                         "Accept": "application/json",
>                         "scope": "https://mail.google.com/ 
                           https://www.googleapis.com/auth/gmail.modify
>                          https://www.googleapis.com/auth/gmail.readonly"
>                     },
>                 }
>                 // console.log(user_mail_id);
>                 axios.get('https://www.googleapis.com/gmail/v1/users/' +
>                     user_mail_id
>                     + '/messages/', config)
>                     .then(function (response) {
>                         console.log(response);
>                     })
>                     .catch(function (error) {
>                         console.log(error);
>                     });`enter code here`
>             }

Answer 1

无效凭据意味着您正在使用的客户端id无效。您创建的凭据类型错误，或者您正在使用具有错误凭据的文件。

转到google developer console并再次下载凭据文件。您可能已经创建了浏览器凭据