Создание Express и React

Я провожу несколько тестов с React и Express. Конечная цель - заставить Express подключиться к базе данных Mysql и получать из нее данные.

Я понимаю, как и React, и Express работают достаточно хорошо, и после нескольких попыток я смог заставить свое приложение React получать данные из Express. Это было сделано путем запуска React на порту 3000 и моего server.js на порту 8080, следуя это руководство.

Что меня смущает теперь, когда у меня это работает локально, так это то, как я должен заставить его работать после создания моего приложения.

Я построил его и загрузил, чтобы проверить, работает ли он, но, конечно же, нет.

http://creativiii.com/build/

Если вы проверите консоль, вы увидите, что она не может связаться / пинговать.

Экспресс работает только локально? Мне сложно это понять.

Вот мои скрипты на всякий случай:

App.js:

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {

  componentDidMount() {
    fetch('/ping')
      .then(response => response.json())
      .then(posts => console.info(posts))
  }

  render() {
    console.info(process.env.PORT)
    return (
      <div className = "App">
        <header className = "App-header">
          <img src = {logo} className = "App-logo" alt = "logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <a
            className = "App-link"
            href = "https://reactjs.org"
            target = "_blank"
            rel = "noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}

export default App;

server.js:

const express = require('express');
const bodyParser = require('body-parser')
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'build')));

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

app.get('/ping', function (req, res) {
 return res.send(JSON.stringify({ a: 1 }));
});

app.get('/', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(process.env.PORT || 8080);

Обновлено: я написал неправильный заголовок, исправил его сейчас.