如何将 Laravel 与 Nuxt js 集成答案

【问题标题】：How to integrate Laravel with Nuxt js如何将 Laravel 与 Nuxt js 集成
【发布时间】：2020-05-21 01:18:32
【问题描述】：

由于我使用 Laravel 作为后端和 Nuxt js 作为前端，我无法同时使用两者，也无法从前端调用任何 API。

如果有人知道，请帮助我。

由于我使用以下详细信息来创建项目，但即使在 api.php 路由文件中编写代码并创建受人尊敬的控制器和模型，我也无法在 Nuxt js 中调用任何 API。

创建一个新项目

`composer create-project --prefer-dist laravel/laravel <PROJECT NAME>`

现在使用以下命令移动到受尊重的目录

`cd <PROJECT NAME>`

授予项目根文件夹中存储文件夹的权限

`sudo chmod -R 777 storage/`

创建数据库

更新 .env

配置清除

php artisan config:clear

存储链接

php artisan storage::link

安装 Passport

composer require laravel/passport

在项目的 ROOT 文件夹中使用以下命令创建数据库结构

php artisan migrate

对于初始记录，请使用以下命令

php artisan db:seed

安装 NPM

npm install

现在安装 nuxt js

npx create-nuxt-app <PROJECT NAME>

现在使用以下命令移动到受尊重的目录

cd <PROJECT NAME>

要启动项目，我们需要运行以下命令

npm run build | npm run start / npm run dev

【问题讨论】：

我使用laravel nuxt starter，非常好。你也可以直接点赞composer create-project --prefer-dist cretueusebiu/laravel-nuxt
你的 laravel 应用运行了吗？我在您的帖子中没有看到php artisan serve。如果应用程序正在运行，我建议在开始 SPA 开发之前首先使用 Postman 来检查 API 是否正常工作。

标签： php laravel nuxt.js laravel-6.2 laravel-api

【解决方案1】：

我也有过这种经历。但我选择单独处理项目，因为 NUXT 有很多依赖项和选项，laravel 也是！所以你可以像数据库逻辑控制器和 ETC 一样通过 laravel 运行服务器端并在客户端使用 NUXT 做一些令人惊奇的事情 - 并且您可以将 nuxt 和 laravel 与 SPA 的 axios 服务连接（单页应用程序）或 laravel 服务中的 api 和 web.php 用于正常站点。祝你好运

【讨论】：

您的回答对 OP 的具体问题没有任何帮助。

【解决方案2】：

首先检查您的package.json 文件并在您的dependencies 中查看您是否有@nuxtjs/axios？如果没有，请转到https://axios.nuxtjs.org 并安装它

也在devDependencies 的同一个文件中检查你是否有@nuxt/typescript-build，如果你不去https://typescript.nuxtjs.org 并安装它

之后你可以简单地使用$axios发送和获取api请求

一个示例代码是：

async asyncData({ $axios }) {
  const test = await $axios.$get('your address')
  return { test }
}

更多信息可以在https://axios.nuxtjs.org/usage找到

【讨论】：