1

我正在尝试在 Vue.js 中制作 SPA 应用程序的演示,它与 laravel 5.4 中使用护照和 oauth 制作的后端 API 进行通信。我正在传递有关https://www.youtube.com/watch?v=JEn16aQoowE&list=PLkZU2rKh1mT9TgMvpFY1QVrX2z4I3D3Jq&index=1的教程

唯一的区别是我的后端 API 具有自定义用户提供程序,以通过表视图模拟对另一个数据库表的身份验证。

POSThttp://127.0.0.1:8000/oauth/token给我以下错误:

响应{url:“ http://127.0.0.1:8000/oauth/token ”,ok:false,status:401,statusText:“Unauthorized”,headers:Headers…}

以下是如何重现它:

  1. 设置后端 API: git clone https://github.com/gandra/laravel54-passport-demo-external-user cd laravel54-passport-demo-external-user cp .env.example .env composer install php artisan key:generate npm install npm run dev php artisan migrate php artisan db:seed php artisan passport:install

  2. laravel54-passport-demo-external-user/.env使用您的数据库信息更新您的文件

  3. 启动 API 服务器:
    php artisan serve

  4. 设置前端:
    git clone https://github.com/gandra/laravel54-passport-demo-vue-client.git cd laravel54-passport-demo-vue-client npm install

  5. 使用name = 'Laravel Password Grant Client' 的表中laravel54-passport-demo-vue-client\src\App.vue的字段值更新客户端密码secretoauth_clients

  6. 启动前端: 这应该在浏览器中 npm run dev 打开 url 。http://localhost:8080/打开浏览器控制台并检查错误。你会看到这样的东西:

在此处输入图像描述

这是来自 laravel 的错误日志: https ://gist.github.com/gandra/f3a45a638df036e280303ff6d94a89d0 和其他客户端一起尝试时的另一个 错误日志: https ://gist.github.com/gandra/8da758ad223916613c0604817c2e1130

4

0 回答 0