Laravel 5.4 Api 路线 401

Question

我构建了一个新的 laravel 5.4 项目。

我尝试在我的 api 路由中执行以下步骤，但不知何故它们不起作用。

在我的 app.js 文件中，我有这个 ajax 调用：

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
    }
});
$.ajax({
    url: 'api/postStream',
    type: 'post',
    data: { imgData: imgData },
    success:function(data) {
        console.log('success');
    }
});

我的 Api 路由如下所示：

Route::group(['middleware' => 'auth:api'], function()
{
    Route::post('postStream', ['as' => 'image', 'uses' => 'ApiController@postStream']);
});

还有我的控制器：

public function postStream(Request $request)
{
    $imgData = $request->imgData;
    ...
}

但我在我的 chrome 开发控制台中收到此错误：

POST http://localhost/app/public/api/postStream 401 (Unauthorized)

在网络工具中：

{error: "Unauthenticated."}
error
:
"Unauthenticated."

我想我有点没有经过身份验证，但我不知道如何以这种方式实现。

Answer 1

它不起作用，因为您的路由受auth:api 保护，它返回401 unauthorized。通过auth:api 的唯一方法是在每个请求中发送您的身份验证令牌

var token = <?php json_encode(Auth::user()->api_token); ?>; //if you are using api_token

$.ajax({
    url: 'api/postStream',
    headers: {
        'Authorization':'Bearer ' + token,
    },
    type: 'post',
    ...
});

获得令牌的方式完全取决于您。您可以使用 Passport 或只是将 api_token 添加到您的用户表的最简单的解决方案。

如果你想要最便宜的解决方案，你可以关注这个帖子：https://gistlog.co/JacobBennett/090369fbab0b31130b51