无法通过React Axios调用从Express API访问数据，但能够通过浏览器获取数据

Question

我有一个用于API的Express后端，我正在尝试将数据发送到我的React前端。我能够导航到浏览器中的地址并毫无问题地获取数据。然后，我在React中使用axios来访问浏览器屏幕快照中显示的API数据。我已经将我的React代码以及浏览器数据和来自浏览器访问的响应标头包括在内。

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

class TestQuery extends Component {
    constructor(props) {
        super(props);
        this.state = { 
            pitches: []
         }
    }

componentDidMount() {
    axios.get('192.168.0.169:3000/test')
        .then( res => {
            console.log(res);
        })
}
render() { 
    return ( 
        <div>
            test
        </div>
     );
}
}

export default TestQuery;

React Code Data in Browser Response Headers