Passport
axios
来自的请求
react
客户端应用程序,chrome控制台上会出现一条错误消息。
客户端-react(在端口3000上运行):
Axios请求
SignInForm.js
googlelogin(){
axios.get('/api/users/google_auth')
.then(()=>console.log("success"))
.catch(err=>console.log(err))
}
控制台上的错误消息:
Error: Network Error
at createError (createError.js:17)
at XMLHttpRequest.handleError (xhr.js:87)
服务器端-节点.js(在端口5000上运行):
passport.use(
new GoogleStrategy({
clientID: GOOGLE_CLIENT_ID,
clientSecret: GOOGLE_CLIENT_SECRET,
callbackURL: '/api/users/google_auth/redirect'
},
(accessToken, refreshToken, profile, done) => {
console.log("called")
User.findOne({email: profile.id})
.then(user => {
console.log('googleLogin');
done(null,user);
})
.catch(err => {
done(err,null,{message:'fail'})
})
}
)
);
路线/api/用户.js代码:
router.get('/google_auth',passport.authenticate('google',{
scope:['profile']
}),()=>{console.log("test")})
router.get('/google_auth/redirect',(req, res)=>{
res.send("hi")
})
我已经在Youtube、Google、Github和StackOverflow上搜索过了。我不知道该怎么做才能解决这个问题。