为什么我在从ReactJS向MongoDB的获取请求中获取空数组？

Question

我正在尝试从React的MongoDB中的文档中获取所有文章。当我与Postman进行测试时，它可以在NodeJS的Backend中完美运行。但是在Frontend，React中，我得到的是空数组。如何解决这个问题。

Server.js（后端）

app.get('/api/articles', async (req, res)=>{
    const client = await MongoClient.connect('mongodb://localhost:27017', {useNewUrlParser:true, useUnifiedTopology:true})
    const db = client.db('my-blog')

    const articleInfo= await db.collection('articles').find({}).toArray(function(err, result){
        if (err) console.log(err)
        res.status(200).send(result)
        client.close()
    })

})

articlePage.js（FrontEnd）

componentDidMount(){
        const requestOptions = {
            method: 'GET',
            headers: { 'Content-Type': 'application/json' },
        };
        const fetchdata = fetch('/api/articles/').then(res=>res.json())
        .then(data=>this.setState({articles:data}))
        console.log(this.state.articles)

    }

Api地址是使用proxy:http://localhost:8000在package.json中设置的>

如何在React中从MongoDB获取文档数据？

我正在尝试从React的MongoDB中的文档中获取所有文章。当我与Postman进行测试时，它可以在NodeJS的Backend中完美运行。但是在Frontend，React中，我得到的是空数组。 ...

Answer 1

首先，请检查您的API调用是否已从您的React应用程序传递到服务器。如果有，请检查网络中的响应代码。在您的情况下，您可以从API获得200的期望结果。如果没有得到理想的结果，请检查您的集合和文档名称，以及您在查询中传递的参数。