Reactjs Axios上的React登录组件

如何通过API制作React登录组件，并在进行会话时重定向到主页（通过Jwt）

我尝试过使用默认的Axios函数，但遇到了404错误，而API可以通过GET访问

下面是Login.js

 handleSubmit = input => {
    this.setState({ loading: true });
    input.preventDefault();

    if (this.formisValid(this.state)) {
      this.setState({ errors: [], loading: true });
      axios({
        method: 'POST',
        url: 'http:localhost:3003/api/v1/login',
        data: {
          email    : this.state.email,
          password : this.state.password
        }
      }).then( user => {

        this.setState({ 
          initialState,
          submit: true
        });
        this.setState({ loading: false});
        console.log('User Login', user)

      }).catch((response) => {
        // ? Show to user that request is failed
        this.setState({ errors:[response ]})
        this.setState({ loading: false });
        console.log('request failed', response)
      });
    }
  };

下面是API获取登录结果（通过浏览器）

预期结果是用户可以在登录成功后被定向到主页（/）（并通过Jwt进行会话）

谢谢你的帮助，你能试试这个吗

axios.post('http://localhost:3003/api/v1/login', {
      email    : this.state.email,
      password : this.state.password
    })
  .then(user => {
    /* */
  })

---

是的，但是404未找到问题仍然出现，这可能是后端错误。从另一个客户端（即邮递员）可以正常工作吗？是的，我通过邮递员收到相同的错误，但可以通过get request访问。如果服务器端代码有问题，您需要确保post请求可用

axios.post('http://localhost:3003/api/v1/login', {
      email    : this.state.email,
      password : this.state.password
    })
  .then(user => {
    /* */
  })