我正在尝试在 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…}
以下是如何重现它:
设置后端 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
laravel54-passport-demo-external-user/.env
使用您的数据库信息更新您的文件启动 API 服务器:
php artisan serve
设置前端:
git clone https://github.com/gandra/laravel54-passport-demo-vue-client.git cd laravel54-passport-demo-vue-client npm install
使用name = 'Laravel Password Grant Client' 的表中
laravel54-passport-demo-vue-client\src\App.vue
的字段值更新客户端密码secret
oauth_clients
启动前端: 这应该在浏览器中
npm run dev
打开 url 。http://localhost:8080/
打开浏览器控制台并检查错误。你会看到这样的东西:
这是来自 laravel 的错误日志: https ://gist.github.com/gandra/f3a45a638df036e280303ff6d94a89d0 和其他客户端一起尝试时的另一个 错误日志: https ://gist.github.com/gandra/8da758ad223916613c0604817c2e1130