Javascript React.js/Firebase应用程序中的Axios错误（404）：POSThttp://localhost:3000/login 404（未找到）

我有一个问题：我无法连接前端（react.js）和后端（firebase）。 为此，我使用了

Axios.js

。 当我尝试登录时，出现了一个错误：

POST http://localhost:3000/login 404 (Not Found) 

login.js中的一段代码

    handleSubmit =(event) => {
    event.preventDefault()
        this.setState({
            loading: true
        })
        const userData = {
            email: this.state.email,
            password: this.state.password
        }
        axios
            .post('/login', userData)
            .then((res) => {
                console.log(res.data);
                this.setState({
                    loading: false
                })
                this.props.history.push('/')
            })
            .catch((err) => {
                this.setState({
                    errors: err.response.data,
                    loading: false
                })
            })
}

import React, { Component } from 'react'
import axios from "axios"

import Grid from "@material-ui/core/Grid";

import Gossip from '../components/Gossip'

class home extends Component {
    state = {
        gossips: null
    }
    componentDidMount() {
        axios
            .get('/gossips')
            .then((res) => {
                this.setState({
                    gossips: res.data
                })
            })
            .catch((err) => {
                console.log(err);
            })

    }

    render() {
        let recentGossipsMarkup = this.state.gossips ? (
            this.state.gossips.map((gossip) => <Gossip key={gossip.gossipId} gossip={gossip} />)
        ) : (
            <p>Loading...</p>
        )
        return (
            <Grid container spacing={2}>
                <Grid item sm={8} xs={12}>
                    {recentGossipsMarkup}
                </Grid>
                <Grid item sm={4} xs={12}>
                    <p>Profile</p>
                </Grid>
            </Grid>
        )
    }
}

export default home
    

从后端获取数据也存在同样的问题

GET  http://localhost:3000/gossips 404 (Not Found)  
Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.handleLoad (xhr.js:62)

home.js

    handleSubmit =(event) => {
    event.preventDefault()
        this.setState({
            loading: true
        })
        const userData = {
            email: this.state.email,
            password: this.state.password
        }
        axios
            .post('/login', userData)
            .then((res) => {
                console.log(res.data);
                this.setState({
                    loading: false
                })
                this.props.history.push('/')
            })
            .catch((err) => {
                this.setState({
                    errors: err.response.data,
                    loading: false
                })
            })
}

import React, { Component } from 'react'
import axios from "axios"

import Grid from "@material-ui/core/Grid";

import Gossip from '../components/Gossip'

class home extends Component {
    state = {
        gossips: null
    }
    componentDidMount() {
        axios
            .get('/gossips')
            .then((res) => {
                this.setState({
                    gossips: res.data
                })
            })
            .catch((err) => {
                console.log(err);
            })

    }

    render() {
        let recentGossipsMarkup = this.state.gossips ? (
            this.state.gossips.map((gossip) => <Gossip key={gossip.gossipId} gossip={gossip} />)
        ) : (
            <p>Loading...</p>
        )
        return (
            <Grid container spacing={2}>
                <Grid item sm={8} xs={12}>
                    {recentGossipsMarkup}
                </Grid>
                <Grid item sm={4} xs={12}>
                    <p>Profile</p>
                </Grid>
            </Grid>
        )
    }
}

export default home
    

顺便说一句，所有路线都在邮递员中工作

---

有人能帮我修复这些错误吗？提前谢谢

您的代理需要是这样的字符串

"proxy": "https://europe-west1-chit-chat-75481.cloudfunctions.net/api"

它还需要位于文件的根目录中，而不是嵌套在

browserslist

下

---

请注意，在对

package.json

文件进行更改后，您需要重新启动react应用程序。

请不要将代码作为图像发布，而是作为问题编辑器中给出的

代码示例发布。您能试着在
axios.get（）中添加整个url吗
功能，而不仅仅是
/gossips
与你的邮差测试完全相同看到这个@antoineso thanx，我已经尝试过了，但没有帮助…thanx！一切又恢复正常了！