GraphQL Отказаться от подключения после развертывания

Я пытался запустить приложение стека MERN на Heroku, в котором я использую как Express, так и GraphQL. Express для аутентификации и обновлений. GraphQL для получения данных для параметров входа (в какую школу вы хотите войти) и сохранения данных в React.Context при входе в систему, которые связаны с пользователем.

Я закончил предложенную часть проекта и развернул приложение на Heroku для тестирования и сбора отзывов.

• Приложение успешно строится
• Предоставляются переменные среды для mongodb_uri.

Проблема в том, что когда я открываю приложение, фронт исчезает через несколько секунд, когда сервер отвечает, что соединение GraphQL отклонено. Тем не менее, приложение, работающее на моем компьютере, отлично работает с nodemon с использованием concurrently.

Я совершенно безнадежен, так как:

• Приложение, использующее CORS
• график неверный

Procfile содержит правильный путь к серверному приложению и переднему прокси-серверу, включенному для подключения к 8080, поскольку приложение работает на 3000.

Вот пример кода для фронта:

// index.js
const client = new ApolloClient({
  uri: 'http://localhost:8080/graphql'
})

ReactDOM.render(
  <React.StrictMode>
    <ApolloProvider client = {client} >
      <Router>
        <App />
      </Router>
    </ApolloProvider>
  </React.StrictMode>,
  document.getElementById('app')
);

И сзади:

// connect to DB
mongoose.connect(process.env.MONGODB_URI || 'mongodb://localhost/unimeetingsapp', {
    useNewUrlParser: true,
    useUnifiedTopology: true,
    useFindAndModify: false,
    useCreateIndex: true
});
mongoose.connection.on('open', ()=>{
    console.info('Connected to Database')
});

// heroku
if (process.env.NODE_ENV === "production") {
    app.use(express.static("../client/build"));
}
  
app.use(bodyParser.json());
app.use(cors());
//app.use(express.urlencoded({ extended: false }));

//////////////////////
// Routes
//////////////////////

// user Auth
app.use("/api", userAuth);
// user Events
app.use("/userevent", addEvent);
app.use("/userevent", confirmEvent);
app.use("/userevent", notification);
// org Auth
app.use("/api/org", orgAuth);
// org Events
app.use("/api/org", register);

app.use('/graphql', graphqlHTTP({
    schema: schema,
    graphiql: false
}))

Я больше не знаю, как если я включу graphiql, я смогу получить к нему доступ, просто поставив url+/graphql, так что порты, вероятно, не проблема, и если я что-то пропущу в Procfiles, Heroku выдаст журнал ошибок.

Я думаю, что сервер получает запрос на загрузку параметров до того, как он запустится, поэтому он просто отказывается подключаться. Любой намек на то, как решить это, если это может быть проблемой?

Я запрашиваю данные с помощью graphql у react-apollo в функциональном компоненте, и вот как я печатаю спереди (из реквизита):

        var data = schoolsData;
        if (data.loading) {
            return (<option > Loading Options ...</option>)
        } else {
            return data && data.schools.map(school => {
                return(
                <option key = {school.id} value = {school.id}>{school.name}</option>
                )
            })
        }
        
    } 

1: