Axios 在 nuxt.js 中调用 laravel 后端

Question

我正在尝试运行一个 laravel-nuxt 项目。我坚持使用 axios 异步调用创建对我的 laravel 后端的路由调用，以便在加载页面之前向我的 nuxt 前端提供数据。

即使我在 api.php 中定义了路由，我当前的 laravel-nuxt 设置也经常收到 404。

我将其用作项目的模板，并且我还没有更改该模板中的任何内容： 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

根据你提到的 Github 项目中的自述文件，你必须手动将你的路由添加到

client/router.js

阅读Notes下的这一行并遵循结构，您将能够避免这种情况。

这个项目使用路由模块，所以你必须添加路由 手动在 client/router.js 中。

希望这会有所帮助。