Question

我目前正在构建一个支持laravel 5.4的页面来管理用户。我使用刀片模板引擎完成了所有基本页面，如主页，登录，注册，仪表板。现在我正在建立用户管理页面。我已成功为此特定页面实施了VueJS 。所有组件都运行良好。

现在我面临的问题是使用Axios从API路由登录用户数据。起初我使用通常的api路由获取auth（） - ＆gt; user（）数据，但它不起作用。

我了解到我必须使用Laravel Passport来执行此API操作。

这是我之后所做的步骤：

作曲家需要laravel / passport
php artisan migrate
php artisan passport：安装
将Laravel \ Passport \ HasApiTokens特征添加到App \ User模型
在AuthServiceProvider的引导方法中调用Passport :: routes方法
将api身份验证服务的驱动程序选项设置为passport
将CreateFreshApiToken中间件添加到您的Web中间件组
编辑了bootstrap.js文件，如下所示：

window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
    'X-Requested-With': 'XMLHttpRequest'
};

Axios代码：

axios.post('/api/getmydata', {
    params: {
        type: 'raw'
    }
})
.then((response) => {
    console.log(response);
}).catch((error) => {
    console.log(error);
});

更改路线（api.php）：

Route::group(['middleware' => 'api'], function(){
    Route::post('getmydata', 'ApiController@test');
});

在ApiController中添加了功能：

public function test() {
    $user = Auth::user();
    return $user;
}

这里的问题是axios以某种方式返回错误：未经身份验证

我的代码有什么问题吗？或者还有其他方法可以实现这一目标吗？谢谢

Answer 1

在您的API请求的标头中发送访问令牌：

Application Type :application/json
Authentication : Bearer [Access-Token]

Laravel Passport + VueJS：未经身份验证的错误

1 个答案: