时间戳

首页 > 解决方案 > React、Axios、Firebase 和 Express - POST 返回 404 未找到

reactjs - React、Axios、Firebase 和 Express - POST 返回 404 未找到

问题描述

我一直在关注一篇文章来构建一个待办事项应用程序。我已经按照 tee 的说明进行操作，而且对 Firebase 和 Express 还是很陌生。

我在登录时遇到了一个我无法通过的错误：POST http://localhost:3000/login 404 (Not Found)

到目前为止，我一直在通过 Postman 查询，没有任何问题

这是我到目前为止的代码：

包.json

"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
 },
"proxy": "https://us-central1-<myapp>-f7c76.cloudfunctions.net/api"

登录.js

import axios from 'axios';

class login extends Component {
  constructor(props) {
    super(props);

    this.state = {
      email: '',
      password: '',
      errors: [],
      loading: false,
    };
  }

  componentWillReceiveProps(nextProps) {
    if (nextProps.UI.errors) {
      this.setState({
        errors: nextProps.UI.errors,
      });
    }
  }

  handleChange = (event) => {
    this.setState({
      [event.target.name]: event.target.value,
    });
  };

  handleSubmit = (event) => {
    event.preventDefault();
    this.setState({ loading: true });
    const userData = {
      email: this.state.email,
      password: this.state.password,
    };
    axios
      .post('/login', userData)
      .then((response) => {
        localStorage.setItem('AuthToken', `Bearer ${response.data.token}`);
        this.setState({
          loading: false,
        });
        this.props.history.push('/');
      })
      .catch((error) => {
        this.setState({
          errors: error.response.data,
          loading: false,
        });
      });
  };

有谁能帮忙吗？如果需要，很高兴添加任何其他代码片段。我发现了一个类似的问题，但解决方案/错误看起来不一样

标签： reactjsfirebaseexpressaxios

解决方案

推荐阅读