从后端获取数据时出现错误?

时间:2020-05-27 21:30:38

标签: javascript reactjs express

我正在使用expressjs在“ http://localhost:3001/”上运行后端

app.listen(3001, function() {
    console.log('Server is running');
});

我在“ http://localhost:3000/”上的前端使用react,但是获取数据时出现错误

package.json
    "proxy": "http://localhost:3001",

componentDidMount() {
        const fetchData = async () => {
            fetch('/data')
                .then(res => res.json())
                .then(d => console.log(d));
        };
        fetchData();
    }

here is the error

2 个答案:

答案 0 :(得分:2)

您应将客户端上package.json文件中的代理设置为您尝试在后端连接到的任何服务器:

package.json
    "proxy": "http://localhost:3001",

答案 1 :(得分:0)

“ /数据”路由是否存在?

如果没有,则您尝试从html文件中提取JSON,从而导致错误。 删除.then(res => res.json()),直到在服务器上定义路由为止。