无法从数据库中获取数据并在 VUE 脚本中使用

Question

我尝试从数据库中获取数据并在 VUE 脚本中使用它，但在控制台中我看到了消息

GET http://lara7.test/api/furnitura 401 (Unauthorized)

在 Chrome devtools 网络选项卡中，我看到了响应

家具

{"message":"Unauthenticated."}

这是我的代码

routes\api.php

Route::middleware('auth:api')->group( function () {
  Route::resource('furnitura', 'API\FurnituraController');
});

App\Http\Controllers\API\BaseController

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

abstract class BaseController extends Controller
{
    public function sendResponse($result, $message)
    {
      $response = [
            'success' => true,
            'data'    => $result,
            'message' => $message,
        ];

        return response()->json($response, 200);
    }

    public function sendError($error, $errorMessages = [], $code = 404)
    {
      $response = [
            'success' => false,
            'message' => $error,
        ];

        if(!empty($errorMessages)){
            $response['data'] = $errorMessages;
        }

        return response()->json($response, $code);
    }
}

App\Http\Controllers\API\FurnituraController

namespace App\Http\Controllers\API;

class FurnituraController extends BaseController
{
    public function index()
    {
        $furnitura = Furnitura::all();

        return $this->sendResponse($furnitura->toArray(), 'Furnitura retrieved successfully.');
    }
}

资源\js\app.js

window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
...
...
mounted() {
    console.log("Vue ROOT instance mounted");
    axios.get('/api/furnitura').then(response => this.furnitura = response.data);
    console.log(this.furnitura);
},

Answer 1

也许，您没有通过 auth: API 中间件。您正在从中间件获得 401。

• 也许您使用令牌进行用户验证或 API 用户验证令牌丢失