Не удается получить данные | Влияет только на мобильный | Express / Postgres / Vue

Question

Приложение

My Vue отлично работает на настольных компьютерах, но на мобильных устройствах оно не может получать данные при загрузке приложения, в результате чего компоненты отображаются, но не отображаются данные.

• Ссылка на приложение
• Ссылка на весь репозиторий Github

Я диагностировал проблему, запустив ее с помощью инструмента Google Mobile-Friendly Test: вот результаты .

Мой index.js выглядит так:

const express = require("express");
const serveStatic = require("serve-static");
const bodyParser = require("body-parser");
const cors = require("cors");
const db = require("./queries");

const app = express();
app.use(serveStatic(__dirname + "/dist"));

app.use(cors());

app.use(bodyParser.json());

app.get("/sizemenudata", db.getSizeMenuData);

app.get("/lightlevelmenudata", db.getLightLevelMenuData);

app.get("/easeofcaremenudata", db.getEaseOfCareMenuData);

app.get("/petsafemenudata", db.getPetSafeMenuData);

app.get("/menuTitles", db.getMenuTitles);

app.use(express.static("dist"));

const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Listening on ${port}`);
});

На заметку:

• Я получаю данные из базы данных postgres, вот мой sql файл .
• У меня есть отдельный запросов. js файл, который я импортирую в индекс. js.

Answer 1

Закрытие, потому что это была простая ошибка, переменные Heroku ENV не были установлены.