Почему немогу взять данные со своего localhost .?

Есть свой localhost по адресу localhost:8000/ping

Но почему то с него не могу взять данные а с другово api адреса получается. То есть дела не в моём коде . Использую linux и браузер Ghrome. Вот код

    class Judges extends Component {

  constructor(props) {
    super(props);
    this.state = {
      mypersons : null
    };
  }
handleClick = (e) => {
    e.preventDefault();
    axios.get(`http://localhost:8000/ping`, {
       headers: {  // погуглил и все предлогают использовать такое решение но оно мне не помогает
          'Access-Control-Allow-Credentials':true,
          'crossorigin':true
  }) 
    .then(res => {
      console.log(res.data)  // ничего не выводит 
      const persons = res.data;
     this.setState({ persons : persons });
     })
  }
 render() {
    return (
      <div >
          <button onClick={this.handleClick}></button>
          <div>
            {this.state.mypersons}
          </div>
      </div>
    );
  }
}

export default Judges;

В консоли выводит ошибку: