我不认为React与此有任何关系，但为了以防万一，这就是我正在做的事情。我收到了错误XHR failed loading: POST向/ login提交AJAX请求时。我正在尝试使用Passport JS创建登录路由，并且我知道路由正在接收数据，因为它将console.log作为{ email: ‘myemail’, password: ‘mypassword’ }并且typeof返回对象。
this.handleLoginSubmit = () => {
let xml = new XMLHttpRequest();
xml.open(“POST”, “/login”, true);
xml.setRequestHeader(‘Content-Type’, ‘application/json; charset=utf-8’);
xml.send(JSON.stringify({email: this.state.email, password: this.state.password}));
xml.onreadystatechange = () => {
if(xml.readyState === 4) {
console.log(‘here’)
console.log(xml.response);
}
}
}
编辑以下是路线：
router.post(‘/login’, emailToLowerCase, function(req, res, next) {
passport.authenticate(‘local’, function(err, user, info) {
if (err) {
console.log(‘error’)
return next(err);
}
if (!user) {
return console.log(‘no user!’)
}
req.logIn(user, function(err) {
if (err) return next(err);
console.log(‘logging in’)
return res.send(req.user)
});
})(req, res, next);
});
编辑以下是表单：
props.handleEmailChange(e.target.value)}/>
props.handlePasswordChange(e.target.value)}/>