使用 axios 的 API 请求始终未经 Laravel API 的授权

我正在使用一个个人项目Laravel https://laravel.com/5.6 和Axios https://github.com/axios/axios库（标准 Laravel5.6 https://laravel.com/docs/5.6包裹）。

我需要使用 Laravel 的 API 和 axios 的 http 请求先发送 GET，然后发送 POST 请求，但我没有使用 Passport 或任何类似的库，因为它是一个内部 API，仅提供 VueJS 从数据库获取内容的服务。

如果我使用设置我的 API 路由auth:api中间件，我总是得到未经授权的响应，无论请求类型是什么，这是错误输出：

错误：请求失败，状态代码为 401

消息：

message: "Unauthenticated."

但是，正如我在文档中读到的那样，axios 标头是在 laravel 内部设置的bootstrap.js从元标记读取授权令牌（代码就在那里）：

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

// further down the file...
let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

如果需要的话，这里是 http 请求代码：

axios.post('/api/latest', formData)

那么，如果设置了这些，为什么我未经身份验证？

我尝试删除auth:api中间件，当然，它正在工作：

- Route::middleware('auth:api')->get('/latest', 'InternalApiController@latestEp');
+ Route::get('/latest', 'InternalApiController@latestEp');

我究竟做错了什么？

我没有使用 Passort 或任何类似的库，因为它是一个内部 API，仅提供 VueJS 从数据库获取内容的服务。

如果 API 不是无状态的，这意味着已知用户使用标准会话 cookie 登录，那么您可以只使用默认值'web'API 路由的中间件。

在默认情况下RouteServiceProvider，改变mapApiRoutes函数来使用web中间件代替：

protected function mapApiRoutes()
{
    Route::prefix('api')
        // ->middleware('api')
        ->middleware('web')
        ->namespace($this->namespace)
        ->group(base_path('routes/api.php'));
}

话虽这么说，你确实应该将 API 路由放在默认路由后面'auth'中间件，因为默认情况下它们不受限制。

In the routes/api.php file:

Route::group(['middleware' => 'auth'], function() {
    Route::get('/latest', 'InternalApiController@latest');
});

如果您想确保它是一个 AJAX 请求，您可以创建一个简单的中间件来检查该请求是否具有X-Requested-With标头设置为XMLHttpRequest.

class RequestIsAjax
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request $request
     * @param  \Closure $next
     * @return mixed
     */
    public function handle($request, Closure $next)
    {
        if (!$request->ajax()) {
            return redirect()->route('login.index');
        }

        return $next($request);
    }
}

并将其注册在$routeMiddleware数组里面的\App\Http\Kernel class.

protected $routeMiddleware = [
    'ajax' => \App\Http\Middleware\RequestIsAjax::class,