Question

由于我将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

安装护照

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

Answer 1

首先检查您的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

中找到

Answer 2

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

如何将Laravel与Nuxt js集成

2 个答案: