2

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

因此,如果有人知道,请帮助我。

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

  1. 创建一个新项目
`composer create-project --prefer-dist laravel/laravel <PROJECT NAME>`
  1. 现在使用以下命令移动到受尊重的目录
`cd <PROJECT NAME>`
  1. 授予项目根文件夹上的存储文件夹的权限
`sudo chmod -R 777 storage/`
  1. 创建数据库

  2. 更新 .env

  3. 配置清除

php artisan config:clear

  1. 存储链接

php artisan storage::link

  1. 安装护照

composer require laravel/passport

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

php artisan migrate

  1. 对于初始记录,请使用以下命令

php artisan db:seed

  1. 安装 NPM

npm install

  1. 现在安装nuxt js

npx create-nuxt-app <PROJECT NAME>

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

cd <PROJECT NAME>

  1. 要启动项目,我们需要运行以下命令

npm run build| npm run start/ npm run dev

4

2 回答 2

0

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

于 2020-10-12T13:22:17.020 回答
0

首先检查你的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中找到

于 2020-02-06T08:25:13.067 回答