Я пытаюсь добавить API регистрации Google в мой reactjs проект. Я использую реаги-редукс для государственного управления. Но после передачи всех данных в конечную точку бэкэнда я уловил ошибку, сказав это
Ошибка: ошибка: «Сбой запроса с кодом состояния 417» createError createError. js: 17 урегулирования. js: 19 handleLoad xhr. js: 60
Я понятия не имею, как решить эту проблему. Пожалуйста, мне действительно нужна помощь. Это мой код
googleAuth. js
const responseGoogle = async response => {
//console.log("rs", res);
// console.log("callling action", action);
//action(res.profileObj);
if (response) {
console.log('GOOGLE API LOGIN')
console.log(response);
console.log('Google Id', response.googleId);
console.log('Email id', response.profileObj.email)
console.log('UserName', response.profileObj.name)
console.log('Access Token', response.accessToken)
await this.setState({
data: {
email: response.profileObj.email,
name: response.profileObj.name,
googleId: response.googleId
}
});
//console.log('reqstate', this.state.data);
this.props.SignUpGoogle(this.state.data);
}
}
кнопка google APi
<GoogleLogin
className="margin7"
clientId="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
onSuccess={responseGoogle}
onFailure={responseGoogle}
cookiePolicy={"single_host_origin"}
icon={false}
redirectUri={'/'}
render={renderProps => (
<Button
style={{
minHeight: "40px",
borderRadius: "0px",
boxShadow: "none"
}}
type="submit"
className="google"
title={title}
onClick={renderProps.onClick}
disabled={invalid}
/>
)}
/>
userAction. js
export const SignUpGoogle = data => dispatch => {
console.log('reqData', data)
const reqObj = {
email: data.email,
isFacebook: false,
isGoogle: true,
username: data.name,
password: data.googleId
};
console.log('reqObj', reqObj);
authInstance
.post("/signup/buyer", reqObj)
.then(res => {
dispatch({
type: types.SET_USER_INFO_LOAD
});
new _rest()
.get("/buyer")
.then(response => {
console.log("response", response);
dispatch({
type: types.SET_USER_INFO_SUCCESS,
payload: response.data
});
})
.catch(err => { console.log(err) });
})
.catch(err => { console.log(err) }); <- I am getting error from here.
};