Вызов Axios для бэкэнда laravel в nuxt.js

Question

Я пытаюсь запустить проект laravel-nuxt.Я застрял с созданием маршрутизации вызовов к моему внутреннему интерфейсу laravel с использованием асинхронного вызова axios для передачи данных на мой интерфейс nuxt перед загрузкой страницы.

Я постоянно получаю 404 с моей текущей настройкой laravel-nuxt, хотяУ меня есть маршрут, определенный в api.php.

Я использую его в качестве шаблона для проекта, и я еще ничего не изменил в этом шаблоне: https://github.com/cretueusebiu/laravel-nuxt

Так что мой вызов внешнего интерфейсаэто здесь:

async asyncData ({ $axios }) {
  if (process.server) {
    return $axios.$get('/api/data')
    .then((res) => {
      this.data = res.data;
    })
  }
}

И мой бэкэнд-маршрут определяется в api.php следующим образом:

Route::get('/data', 'HomeController@index');

Это всегда дает мне 404, есть ли что-то упущенное, что я должен бытьв курсе?

Answer 1

В соответствии с файлом Readme в проекте Github, который вы упомянули, вы должны вручную добавить свои маршруты в

client / router.js

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

В этом проекте используется модуль-маршрутизатор, поэтому вам необходимо добавить маршруты вручную в клиент / маршрутизатор.js.

надеюсь, это поможет.