Как подключить приложение Vue.js к REST API Laravel после развертывания Heroku - PullRequest
Новая
       53

Как подключить приложение Vue.js к REST API Laravel после развертывания Heroku

0 голосов
/ 22 сентября 2019

У меня есть внешнее приложение (Vue.js).У меня есть собственный REST API (Laravel).Я хочу, чтобы мое приложение Vue.js получало мои данные из REST API.Оба приложения были развернуты в Heroku, и у каждого есть свои собственные домены.

Локально, в моем приложении Vue.js, у меня только что был следующий фрагмент кода для подключения к моему REST API: 

mounted() {
    fetch('http://127.0.0.1:8000/api/testdata', {
    method: 'get'
  })
    .then((response) => {
    return response.json()
  })
    // 'jsonData' refers to the json parsed response
    .then((jsonData) => {
      this.testData = jsonData.data
  })

Поскольку оба приложения уже развернуты, это, очевидно, сейчас не работает.Мне было интересно, что я должен был бы поместить в метод fetch (), теперь, когда оба приложения находятся в сети.

Для локального просмотра данных API с помощью Postman, я могу просто ввести этот URL в поиске 'GET': http://127.0.0.1:8000/api/test_data.

Теперь я не уверен, что мне нужно вводить впосмотрите мои развернутые данные API.Я пробовал это: https://pure -mountain-87762.herokuapp.com / api / test_data и это: https://pure -mountain-87762.herokuapp.com / test_data .

Если я знаю, что поместить в Postman для просмотра моих данных, тогда я должен знать, что добавить в метод fetch () (теоретически), поскольку локальные URL-адреса одинаковы.

Кроме того, кто-нибудь знает, будет ли что-либо еще настраиваться после выполнения этого шага?

Спасибо

1 Ответ

0 голосов
/ 22 сентября 2019

Да, вы добавляете обычный URL домена для отправки запросов.Это будет Your-app-name.herokuapp.com

Проверьте, нужны ли вам разрешенные CORS методы на вашем бэкэнде

...