Heroku Развертывание стека MEVN

Question

Я развернул свое приложение стека MEVN в Heroku и могу получить к нему доступ с моей машины для разработки.Я могу добавлять и удалять элементы на mlab mongodb, который у меня есть.Если я пытаюсь получить доступ с моего телефона или другого компьютера, веб-сайт работает, но я не вижу данных.Я искал и не могу найти ничего, связанного с этим.Боюсь, это очевидно, но я этого не вижу.Ниже ссылка на сайт.

https://dry -earth-62210.herokuapp.com / # / users

import axios from 'axios'

export const http = axios.create({
  baseURL: 'http://localhost:8080/api', //base URL goes here
})

Answer 1

В качестве baseUrl используйте 'https://dry -earth-62210.herokuapp.com / api ' вместо 'http://localhost:8080/api'.. Вы готовы идти.

Rightтеперь вы пытаетесь вызвать локальный сервер из приложения Heroku, а ваш локальный сервер недоступен для приложения Heroku.

Ваш код запроса API должен быть

import axios from 'axios'

export const http = axios.create({
  baseURL: 'https://dry-earth-62210.herokuapp.com/api', //base URL goes here
});

Кроме того, убедитесь, чтоваш CORS включен для всех сайтов или хорошо настроен.В противном случае может возникнуть проблема с ошибкой перекрестного источника.

Answer 2

Посмотрите на ваш вызов API - если вы посмотрите на URL запроса, он пингует localhost:8080.Вам нужно будет изменить это значение с жестко закодированного значения localhost:8080, чтобы динамически получить адрес сервера.(Это, вероятно, где вы делаете app.listen).

Не стесняйтесь размещать ваш основной index.js файл, и я могу посмотреть поближе:)