Авторизация в приложении через facebook на мобильных React
Всем привет. Я разрабатываю приложение на React и в нем можно авторизироваться через facebook
Ниже мой код авторизации
const responseFacebook = (response) => {
console.log(response);
axios({
method: "POST",
url:"https://my_domain/facebookLogin",
data: {accessToken: response.accessToken, userID: response.userID}
}).then(response => {
console.log('Выполнен вход', response)
})
}
<FacebookLogin
appId="my_id"
autoLoad={false}
fields="id,first_name,last_name,link,gender,picture,email"
callback={responseFacebook}
render={renderProps => (
<li onClick={renderProps.onClick} className="tags-
list__footer_soc-icon-list"><img className="tags-list__footer_soc-
icon" src={logo_facebook} /></li>
)}
/>
На бэкенде запрос выглядит так
const {userID, accessToken} = req.body
let urlGraphFacebook = `https://graph.facebook.com/v11.0/${userID}/?
fields=id,name,email&access_token=${accessToken}`
fetch(urlGraphFacebook, {
method:'GET',
headers: {
"Content-Type": "application/json"
}
})
Авторизация отлично проходит на ПК, но на мобильных в любом браузере получаю ошибку "url заблокирован. Не удалось выполнить переадресацию поскольку конечный uri не внесен в белый список"
Добавил в html файл папки public скрипт SDK
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'my_id',
autoLogAppEvents : true,
xfbml : true,
version : 'v11.0'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Но это не решило проблему. как это можно исправить?