无法在react(客户端)和Express服务器中获取请求

时间:2020-06-28 13:44:04

标签: node.js reactjs express

我正在尝试以post的形式从后端获取请求,而我的后端和前端似乎无法一起使用 反应登录代码(客户端)

onSubmitSignIn=()=>{
      fetch('http://localhost:3000/signin',{
        method:"POST",
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({
          email:this.state.signInEmail,
          password:this.state.signInPassword
        })
      })
      .then(response=>response.json())
      .then(data=>{
        if(data==='success'){
        this.props.OnRouteChange('home');
        }
      })
      
  }

服务器端

const express = require('express');
const bodyparser= require('body-parser');
const cors = require('cors');

const app=express();
app.use(bodyparser.json());
app.use(cors());

app.post('/signin', (req,res)=>{
    if(req.body.email===database.users[0].email && req.body.password===database.users[0].password){
        res.json('success');
    }
    else{
        res.status(400).json("error");
    }
})

PS:Reactapp在端口3001上运行,服务器在端口3000上运行。 当我尝试登录请求时,虽然我使用的是post方法,但还是采用get方法的形式

netwok panel image

0 个答案:

没有答案