{"id":3535,"date":"2020-06-01T14:25:00","date_gmt":"2020-06-01T05:25:00","guid":{"rendered":"https:\/\/deha.co.jp\/magazine\/?p=3535"},"modified":"2021-12-28T19:05:40","modified_gmt":"2021-12-28T10:05:40","slug":"admin-laravel-nuxt-cookie-auth","status":"publish","type":"post","link":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/","title":{"rendered":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011"},"content":{"rendered":"\n

PHP\u306e\u4eba\u6c17\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afLaravel<\/a>\u3092\u5229\u7528\u3057\u3066Web\u30b5\u30a4\u30c8\u306e\u7ba1\u7406\u753b\u9762\u3092\u958b\u767a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u3053\u306e\u30b7\u30ea\u30fc\u30ba\u3067\u306f\u305d\u3093\u306a\u7ba1\u7406\u753b\u9762\u306e\u69cb\u7bc9\u306b\u95a2\u3057\u3066\u3001\u6280\u8853\u8005\u5411\u3051\u306b\u305d\u306e\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002
\u3053\u306e\u8a18\u4e8b\u3067\u306fCookie\u3067API\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\uff01

Nuxt.js\u304b\u3089Laravel\u306eAPI\u3092Ajax\u3067\u901a\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u624b\u9806\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b<\/a>\u3067\u89e3\u8aac\u4e2d\u3002<\/p>\n\n\n\n

\u30fbLaravel\u3092\u4f7f\u3063\u3066\u69cb\u7bc9\u3092\u3057\u305f\u3044\u65b9
\u30fbWeb\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u5177\u4f53\u7684\u306a\u624b\u6cd5\u304c\u77e5\u308a\u305f\u3044\u65b9<\/p>\n\n\n\n

\u3053\u308c\u3089\u306b\u5f53\u3066\u306f\u307e\u308b\u65b9\u306b\u304a\u3059\u3059\u3081\u306e\u8a18\u4e8b\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30b7\u30ea\u30fc\u30ba\u3092\u8aad\u3081\u3070Laravel6\u3068Nuxt.js\u3067\u7ba1\u7406\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3088<\/strong>\u3002<\/strong><\/p>\n\n\n\n\n\n\n\n

\u6700\u4f4e\u9650\u3084\u308a\u305f\u3044\u3053\u3068\u3092\u6c7a\u3081\u308b<\/h2>\n\n\n\n

\u307e\u305a\u5b9f\u88c5\u306e\u524d\u306b\u3001\u6700\u4f4e\u9650\u3084\u308a\u305f\u3044\u3053\u3068\u3092\u6c7a\u3081\u3066\u304a\u304d\u307e\u3059\u3002\u3042\u308c\u3082\u3053\u308c\u3082\u3068\u6a5f\u80fd\u3092\u8a70\u3081\u8fbc\u307f\u3059\u304e\u3066\u3057\u307e\u3063\u3066\u3082\u5b9f\u88c5\u306b\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u5927\u5909\u3067\u3059\u3002\u4eca\u56de\u306f\u7ba1\u7406\u753b\u9762\u3092\u4f5c\u308a\u305f\u3044\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u8981\u4ef6\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u25cf \u30e6\u30fc\u30b6\u30fc\u767b\u9332\u6a5f\u80fd\u306f\u5b9f\u88c5\u305b\u305a\u3001\u4e8b\u524d\u306b\u7528\u610f\u3057\u305f\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u3067\u30ed\u30b0\u30a4\u30f3\u3067\u304d\u308b\n\u25cf \/admin\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u969b\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u9077\u79fb\u3059\u308b<\/code><\/pre>\n\n\n\n
\u30bb\u30c3\u30b7\u30e7\u30f3\u3092DB\u7ba1\u7406\u3059\u308b\u304b\u6c7a\u3081\u308b<\/h2>\n\n\n\n
\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u3092\u5b9f\u88c5\u3059\u308b\u524d\u306b\u307e\u305a\u30bb\u30c3\u30b7\u30e7\u30f3\u306e\u7ba1\u7406\u65b9\u6cd5\u3092\u6c7a\u3081\u307e\u3059\u3002

\u8a8d\u8a3c\u5b8c\u4e86\u5f8c\u306b\u30bb\u30c3\u30b7\u30e7\u30f3\u306f\u30b9\u30bf\u30fc\u30c8\u3057\u3001\u30bb\u30c3\u30b7\u30e7\u30f3\u304c\u6709\u52b9\u306a\u9593\u306f\u8a8d\u8a3c\u6e08\u3068\u6271\u308f\u308c\u3066\u3057\u307e\u3046\u306a\u3069\u3001\u3053\u308c\u3089\u306f\u95a2\u4fc2\u304c\u6df1\u3044\u306e\u3067\u3059\u3002

\u30bb\u30c3\u30b7\u30e7\u30f3\u60c5\u5831\u306b\u306f\u3001\u5927\u304d\u304f\u5206\u3051\u3066\u4ee5\u4e0b\u306e2\u3064\u306e\u7ba1\u7406\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u25cf MySQL\u3084Redis\u7b49\u306eDB\u306b\u4fdd\u5b58\u3057\u3066\u304a\u304f\u65b9\u6cd5\n\u25cf Cookie\u3084\u30c8\u30fc\u30af\u30f3\u3067\u30c7\u30fc\u30bf\u3092\u90fd\u5ea6\u9001\u308b\u65b9\u6cd5<\/code><\/pre>\n\n\n\n
DB\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u306f\u5916\u90e8\u3078\u306e\u30c7\u30fc\u30bf\u53d6\u5f97\u304c\u5fc5\u8981\u306b\u306a\u308a\u51e6\u7406\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u307e\u305f\u5b9f\u88c5\u304c\u5fc5\u8981\u306b\u306a\u308a\u624b\u9593\u3082\u3002

\u30e1\u30ea\u30c3\u30c8\u306fDB\u306b\u30bb\u30c3\u30b7\u30e7\u30f3\u60c5\u5831\u3092\u6301\u3063\u3066\u3044\u3066\u3001\u5373\u6642\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u7121\u52b9\u306b\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u308b\u305f\u3081\u3001
\u91d1\u878d\u7cfb\u306a\u3069\u53b3\u3057\u3044\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u6c42\u3081\u3089\u308c\u308b\u30b5\u30fc\u30d3\u30b9\u306b\u306f\u6709\u52b9\u3067\u3059\u3002<\/p>\n\n\n\n
\u4e00\u65b9\u3001Cookie\u3084\u30c8\u30fc\u30af\u30f3\u3067\u90fd\u5ea6\u9001\u308b\u65b9\u6cd5\u306f\u6709\u52b9\u671f\u9650\u304c\u5207\u308c\u308b\u307e\u3067\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u7121\u52b9\u306b\u306f\u51fa\u6765\u307e\u305b\u3093\u304c\u3001\u6a19\u6e96\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3082\u591a\u304f\u3001\u52d5\u4f5c\u3082\u5b9f\u88c5\u306e\u30b9\u30d4\u30fc\u30c9\u3082\u65e9\u3044\u3067\u3059\u3002<\/strong><\/p>\n\n\n\n
\u4eca\u56de\u306f\u5373\u6642\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u7121\u52b9\u306b\u3057\u305f\u3044\u8981\u4ef6\u3067\u3082\u7121\u3044\u305f\u3081\u3001\u30c7\u30fc\u30bf\u3092\u90fd\u5ea6\u9001\u308b\u65b9\u6cd5\u3067\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406\u3092\u884c\u3046\u3053\u3068\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
Cookie\u3068\u30c8\u30fc\u30af\u30f3\u3069\u3061\u3089\u3092\u4f7f\u3046\u304b\u6c7a\u3081\u308b<\/h2>\n\n\n\n
\u5148\u307b\u3069\u6c7a\u3081\u305fCookie\u3084\u30c8\u30fc\u30af\u30f3\u3067\u30c7\u30fc\u30bf\u3092\u90fd\u5ea6\u9001\u308b\u65b9\u6cd5\u306e\u3046\u3061\u3001\u3069\u3061\u3089\u3092\u9078\u629e\u3059\u308b\u304b\u3092\u6c7a\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u30c8\u30fc\u30af\u30f3\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u6a19\u6e96\u4ed5\u69d8\u3067\u3042\u308bJWT\uff08JSON Web Token\uff09\u306b\u6cbf\u3063\u305f\u65b9\u6cd5\u3092\u53d6\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/p>\n\n\n\n
\u4eca\u56de\u306e\u8a18\u4e8b\u3067\u306f\u30c8\u30fc\u30af\u30f3\uff08JWT\uff09\u306f\u4f7f\u308f\u305a\u3001Cookie\u306b\u3088\u308b\u8a8d\u8a3c\u6a5f\u80fd\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002 <\/p>\n\n\n\n
\u672c\u8a18\u4e8b\u3067\u306f\u8a73\u8ff0\u306f\u3057\u307e\u305b\u3093\u304c\u3001\u30c8\u30fc\u30af\u30f3\uff08JWT\uff09\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u30bb\u30ad\u30e5\u30a2\u306a\u30c8\u30fc\u30af\u30f3\u306e\u4fdd\u5b58\u65b9\u6cd5\u3084\u7f72\u540d\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306a\u3069\u3001\u8003\u3048\u308b\u3079\u304d\u8981\u7d20\u304c\u5897\u3048\u308b\u305f\u3081\u3067\u3059\u3002 <\/strong><\/p>\n\n\n\n
Laravel\u306eAuth\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6697\u53f7\u5316\u3055\u308c\u305fCookie\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3057\u3001\u4eca\u56de\u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u30a2\u30d7\u30ea\u3067\u3082\u306a\u3044\u305f\u3081\u3001Cookie\u3092\u4f7f\u3046\u3053\u3068\u306b\u6c7a\u3081\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u7528\u306e\u30e2\u30c7\u30eb\u3068\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
\u307e\u305a\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3067\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u7528\u306e\u30e2\u30c7\u30eb\u3068\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan make:model AdminUser --migration<\/code><\/pre>\n\n\n\n
Laravel6\u3067\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u4e00\u822c\u30e6\u30fc\u30b6\u30fc\u7528\u306e\u30e2\u30c7\u30eb\u304c\u3001app\/User.php<\/code>\u306b\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001
\u5185\u5bb9\u3092\u30b3\u30d4\u30fc\u3057\u3066\u4ee5\u4e0b\u306e\u3088\u3046\u306bapp\/AdminUser.php<\/code>\u3092\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nnamespace App;\n\nuse Illuminate\\Contracts\\Auth\\MustVerifyEmail;\nuse Illuminate\\Foundation\\Auth\\User as Authenticatable;\nuse Illuminate\\Notifications\\Notifiable;\n\nclass AdminUser extends Authenticatable\n{\n    use Notifiable;\n\n    \/**\n     * The attributes that are mass assignable.\n     *\n     * @var array\n     *\/\n    protected $fillable = [\n        'name', 'email', 'password',\n    ];\n\n    \/**\n     * The attributes that should be hidden for arrays.\n     *\n     * @var array\n     *\/\n    protected $hidden = [\n        'password', 'remember_token',\n    ];\n\n    \/**\n     * The attributes that should be cast to native types.\n     *\n     * @var array\n     *\/\n    protected $casts = [\n        'email_verified_at' => 'datetime',\n    ];\n}<\/code><\/pre>\n\n\n\n
\u540c\u69d8\u306b\u65b0\u3057\u304f\u8ffd\u52a0\u3057\u305f\u30de\u30a4\u30b0\u30ec\u30fc\u30b7\u30e7\u30f3\u30d5\u30a1\u30a4\u30eb\u3082\u4e0b\u8a18\u306e\u3088\u3046\u306b\u66f8\u304d\u63db\u3048\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nuse Illuminate\\Database\\Migrations\\Migration;\nuse Illuminate\\Database\\Schema\\Blueprint;\nuse Illuminate\\Support\\Facades\\Schema;\n\nclass CreateAdminUsersTable extends Migration\n{\n    \/**\n     * Run the migrations.\n     *\n     * @return void\n     *\/\n    public function up()\n    {\n        Schema::create('admin_users', function (Blueprint $table) {\n            $table->bigIncrements('id');\n            $table->string('name');\n            $table->string('email')->unique();\n            $table->timestamp('email_verified_at')->nullable();\n            $table->string('password');\n            $table->rememberToken();\n            $table->timestamps();\n        });\n    }\n\n    \/**\n     * Reverse the migrations.\n     *\n     * @return void\n     *\/\n    public function down()\n    {\n        Schema::dropIfExists('admin_users');\n    }\n}<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u4ee5\u4e0b\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066DB\u306b\u53cd\u6620\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan migrate<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067admin_users<\/code>\u30c6\u30fc\u30d6\u30eb\u304c\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u30c7\u30fc\u30bf\u3092\u7528\u610f\u3059\u308b<\/h2>\n\n\n\n
\u6b21\u306btinker\u3067\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u30c7\u30fc\u30bf\u3092\u7528\u610f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066tinker\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan tinker<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002
\u30d1\u30b9\u30ef\u30fc\u30c9\u306ftinker\u7d4c\u7531\u3060\u3068\u5e73\u6587\u3067\u4fdd\u5b58\u3055\u308c\u3066\u3057\u307e\u3046\u305f\u3081\u3001\u30cf\u30c3\u30b7\u30e5\u5316\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
AdminUser::create(['name' => 'hoge', 'email' => 'hoge@example.com', 'password' => Hash::make('hogehoge')])<\/code><\/pre>\n\n\n\n
Laravel\uff08API\uff09\u3067Cookie\u3092\u4f7f\u3063\u305f\u30bb\u30c3\u30b7\u30e7\u30f3\u7ba1\u7406\u3092\u6709\u52b9\u306b\u3059\u308b<\/h2>\n\n\n\n
Laravel\u306fAPI\u3068\u3057\u3066\u5229\u7528\u3059\u308b\u5834\u5408\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u8a8d\u8a3c\u65b9\u6cd5\u306f\u30c8\u30fc\u30af\u30f3\u3092\u60f3\u5b9a\u3057\u3066\u304a\u308a\u3001
Cookie\u3092\u30ec\u30b9\u30dd\u30f3\u30b9\u3068\u3057\u3066\u8fd4\u3057\u3066\u306f\u304f\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n
\u305d\u306e\u305f\u3081app\/Http\/Kernel.php<\/code>\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u7de8\u96c6\u3059\u308b\u3053\u3068\u3067\u3001
\u30d5\u30a9\u30fc\u30e0\u8a8d\u8a3c\uff08Web\uff09\u3068\u540c\u69d8\u306bAPI\u3067\u3082\u30ed\u30b0\u30a4\u30f3\u5f8c\u306b\u30bb\u30c3\u30b7\u30e7\u30f3\u60c5\u5831\u3092\u6697\u53f7\u5316\u3055\u308c\u305fCookie\u3067\u8fd4\u305b\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\/**\n* The application's route middleware groups.\n*\n* @var array\n*\/\nprotected $middlewareGroups = [\n  'web' => [\n      \\App\\Http\\Middleware\\EncryptCookies::class,\n      \\Illuminate\\Cookie\\Middleware\\AddQueuedCookiesToResponse::class,\n      \\Illuminate\\Session\\Middleware\\StartSession::class,\n      \/\/ \\Illuminate\\Session\\Middleware\\AuthenticateSession::class,\n      \\Illuminate\\View\\Middleware\\ShareErrorsFromSession::class,\n      \\App\\Http\\Middleware\\VerifyCsrfToken::class,\n      \\Illuminate\\Routing\\Middleware\\SubstituteBindings::class,\n  ],\n\n  'api' => [\n      \/\/\u3053\u3053\u304b\u3089\n      \\App\\Http\\Middleware\\EncryptCookies::class,\n      \\Illuminate\\Cookie\\Middleware\\AddQueuedCookiesToResponse::class,\n      \\Illuminate\\Session\\Middleware\\StartSession::class,\n      \\Illuminate\\View\\Middleware\\ShareErrorsFromSession::class,\n      \/\/\u3053\u3053\u307e\u3067\u8ffd\u52a0\n      'throttle:60,1',\n      \\Illuminate\\Routing\\Middleware\\SubstituteBindings::class,\n  ],\n];<\/code><\/pre>\n\n\n\n
Auth\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306e\u8a2d\u5b9a\u3092\u5909\u66f4\u3059\u308b<\/h2>\n\n\n\n
\u6b21\u306bconfig\/auth.php<\/code>\u3092\u4e0b\u8a18\u306e\u3088\u3046\u306b\u7de8\u96c6\u3057\u3066\u3001API\u306e\u8a8d\u8a3c\u65b9\u6cd5\u3092Cookie\u3092\u4f7f\u3063\u305f\u30bb\u30c3\u30b7\u30e7\u30f3\u306b\u5909\u66f4\u3057\u307e\u3059\u3002

\u307e\u305f\u30d1\u30b9\u30ef\u30fc\u30c9\u60c5\u5831\u306fadmin_users<\/code>\u30c6\u30fc\u30d6\u30eb\u3092\u53c2\u7167\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
\u672c\u6765\u306f\u4e00\u822c\u30e6\u30fc\u30b6\u30fc\u3068\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306f\u8a2d\u5b9a\u3092\u5206\u3051\u308b\u3079\u304d\u3067\u3059\u304c\u3001\u6642\u9593\u304c\u304b\u304b\u3063\u3066\u3057\u307e\u3046\u306e\u3067\u3001\u4e00\u65e6\u5168\u3066\u306eAPI\u8a8d\u8a3c\u3092admin_users<\/code>\u30c6\u30fc\u30d6\u30eb\u306b\u5411\u3051\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nreturn [\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Authentication Defaults\n    |--------------------------------------------------------------------------\n    |\n    | This option controls the default authentication \"guard\" and password\n    | reset options for your application. You may change these defaults\n    | as required, but they're a perfect start for most applications.\n    |\n    *\/\n\n    'defaults' => [\n        'guard' => 'api',\n        'passwords' => 'admin_users',\n    ],\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Authentication Guards\n    |--------------------------------------------------------------------------\n    |\n    | Next, you may define every authentication guard for your application.\n    | Of course, a great default configuration has been defined for you\n    | here which uses session storage and the Eloquent user provider.\n    |\n    | All authentication drivers have a user provider. This defines how the\n    | users are actually retrieved out of your database or other storage\n    | mechanisms used by this application to persist your user's data.\n    |\n    | Supported: \"session\", \"token\"\n    |\n    *\/\n\n    'guards' => [\n        'web' => [\n            'driver' => 'session',\n            'provider' => 'users',\n        ],\n\n        'api' => [\n            'driver' => 'session',\n            'provider' => 'admin_users',\n        ],\n\n        \/\/ 'api' => [\n        \/\/     'driver' => 'token',\n        \/\/     'provider' => 'users',\n        \/\/     'hash' => false,\n        \/\/ ],\n    ],\n\n    \/*\n    |--------------------------------------------------------------------------\n    | User Providers\n    |--------------------------------------------------------------------------\n    |\n    | All authentication drivers have a user provider. This defines how the\n    | users are actually retrieved out of your database or other storage\n    | mechanisms used by this application to persist your user's data.\n    |\n    | If you have multiple user tables or models you may configure multiple\n    | sources which represent each model \/ table. These sources may then\n    | be assigned to any extra authentication guards you have defined.\n    |\n    | Supported: \"database\", \"eloquent\"\n    |\n    *\/\n\n    'providers' => [\n        'users' => [\n            'driver' => 'eloquent',\n            'model' => App\\User::class,\n        ],\n        'admin_users' => [\n            'driver' => 'eloquent',\n            'model' => App\\AdminUser::class,\n        ],\n\n        \/\/ 'users' => [\n        \/\/     'driver' => 'database',\n        \/\/     'table' => 'users',\n        \/\/ ],\n    ],\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Resetting Passwords\n    |--------------------------------------------------------------------------\n    |\n    | You may specify multiple password reset configurations if you have more\n    | than one user table or model in the application and you want to have\n    | separate password reset settings based on the specific user types.\n    |\n    | The expire time is the number of minutes that the reset token should be\n    | considered valid. This security feature keeps tokens short-lived so\n    | they have less time to be guessed. You may change this as needed.\n    |\n    *\/\n\n    'passwords' => [\n        'users' => [\n            'provider' => 'users',\n            'table' => 'password_resets',\n            'expire' => 60,\n            'throttle' => 60,\n        ],\n        'admin_users' => [\n            'provider' => 'admin_users',\n            'table' => 'password_resets',\n            'expire' => 60,\n            'throttle' => 60,\n        ],\n    ],\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Password Confirmation Timeout\n    |--------------------------------------------------------------------------\n    |\n    | Here you may define the amount of seconds before a password confirmation\n    | times out and the user is prompted to re-enter their password via the\n    | confirmation screen. By default, the timeout lasts for three hours.\n    |\n    *\/\n\n    'password_timeout' => 10800,\n\n];<\/code><\/pre>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u7528\u306e\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u3092\u7528\u610f\u3059\u308b<\/h2>\n\n\n\n
routes\/api.php<\/code> \u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u7de8\u96c6\u3057\u3066\u3001\u30ed\u30b0\u30a4\u30f3\u51e6\u7406\u3068\u73fe\u5728\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u53d6\u5f97\u304c\u51fa\u6765\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002

\u5148\u7a0b\u306e\u8a2d\u5b9a\u3067API\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306e\u5834\u5408\u306fadmin_users<\/code>\u30c6\u30fc\u30d6\u30eb\u3092\u53c2\u7167\u3059\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u306e\u3067\u3001
Auth::user()<\/code>\u306e\u8fd4\u308a\u5024\u306f\u30ed\u30b0\u30a4\u30f3\u4e2d\u306eAdminUser<\/code>\u306e\u30ec\u30b3\u30fc\u30c9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
Route::group([\"middleware\" => \"api\"], function () {\n    Route::post('\/login', 'Auth\\LoginController@login');\n    Route::get('\/current_admin_user', function () {\n        return Auth::user();\n    });\n});<\/code><\/pre>\n\n\n\n
\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u30eb\u30fc\u30c6\u30a3\u30f3\u30b0\u304c\u4f5c\u6210\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan route:list<\/code><\/pre>\n\n\n\n
\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u6210\u529f\u6642\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u5909\u66f4\u3059\u308b<\/h2>\n\n\n\n
Auth\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306fWeb\u3092\u60f3\u5b9a\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30ed\u30b0\u30a4\u30f3\u5f8c\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3059\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\uff08\u53c2\u8003\u306f\u3053\u3061\u3089<\/a>\uff09<\/p>\n\n\n\n
\u305d\u306e\u305f\u3081\u3001app\/Http\/Controllers\/Auth\/LoginController.php<\/code>\u3092\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u7de8\u96c6\u3059\u308b\u3053\u3068\u3067\u3001
\u30ed\u30b0\u30a4\u30f3\u6210\u529f\u6642\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3067\u306f\u306a\u304f\u3001\u30ed\u30b0\u30a4\u30f3\u3057\u305f\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u3092\u8fd4\u3059\u3088\u3046\u306b\u5909\u66f4\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nnamespace App\\Http\\Controllers\\Auth;\n\nuse App\\Http\\Controllers\\Controller;\nuse App\\Providers\\RouteServiceProvider;\nuse Illuminate\\Foundation\\Auth\\AuthenticatesUsers;\n\/\/\u8ffd\u52a0\nuse Illuminate\\Http\\Request;\n\nclass LoginController extends Controller\n{\n    \/*\n    |--------------------------------------------------------------------------\n    | Login Controller\n    |--------------------------------------------------------------------------\n    |\n    | This controller handles authenticating users for the application and\n    | redirecting them to your home screen. The controller uses a trait\n    | to conveniently provide its functionality to your applications.\n    |\n    *\/\n\n    use AuthenticatesUsers;\n\n    \/**\n     * Where to redirect users after login.\n     *\n     * @var string\n     *\/\n    protected $redirectTo = RouteServiceProvider::HOME;\n\n    \/**\n     * Create a new controller instance.\n     *\n     * @return void\n     *\/\n    public function __construct()\n    {\n        $this->middleware('guest')->except('logout');\n    }\n\n    \/**\n     * The user has been authenticated.\n     *\n     * @param  \\Illuminate\\Http\\Request  $request\n     * @param  mixed  $user\n     * @return mixed\n     *\/\n    \/\/\u8ffd\u52a0\n    protected function authenticated(Request $request, $user)\n    {\n        return $user;\n    }\n}<\/code><\/pre>\n\n\n\n
curl\u30b3\u30de\u30f3\u30c9\u3067\u30ed\u30b0\u30a4\u30f3\u306e\u52d5\u4f5c\u3092\u78ba\u8a8d\u3059\u308b<\/h2>\n\n\n\n
\u4ee5\u4e0a\u3067API\u306e\u30ed\u30b0\u30a4\u30f3\u6a5f\u80fd\u306f\u5b9f\u88c5\u304c\u5b8c\u4e86\u3057\u3066\u3044\u308b\u306e\u3067\u3001curl\u30b3\u30de\u30f3\u30c9\u3067\u52d5\u4f5c\u306e\u78ba\u8a8d\u3092\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n
\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
curl -c cookie.txt -X POST localhost:8000\/api\/login -d email=hoge@example.com -d password=hogehoge<\/code><\/pre>\n\n\n\n
\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u304c\u8fd4\u3063\u3066\u304f\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Cookie\u304ccookie.txt<\/code>\u306b\u51fa\u529b\u3055\u308c\u308b\u306e\u3067\u3001\u6b21\u306f\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u53d6\u5f97\u3092\u8a66\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
curl -b cookie.txt http:\/\/localhost:8000\/api\/current_admin_user<\/code><\/pre>\n\n\n\n
\u540c\u69d8\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u304c\u8fd4\u3063\u3066\u304f\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u4e0a\u8a18\u306e\u901a\u308a\u3001curl<\/code>\u306e-b<\/code>\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u3064\u3051\u308b\u3068\u3001
\u51fa\u529b\u3055\u308c\u305fCookie\u60c5\u5831\u3092\u4f7f\u3063\u3066\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u6295\u3052\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/p>\n\n\n\n
cookie.txt<\/code>\u306f\u78ba\u8a8d\u304c\u7d42\u308f\u3063\u305f\u3089\u524a\u9664\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
Laravel\uff08API\uff09\u3067CORS\u306e\u8a2d\u5b9a\u3092\u884c\u3046<\/h2>\n\n\n\n
Cookie\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u7570\u306a\u308b\u30c9\u30e1\u30a4\u30f3\u3067\u9001\u53d7\u4fe1\u3092\u884c\u3046\u3053\u3068\u306f\u51fa\u6765\u307e\u305b\u3093\u3002

Nuxt\u3068Laravel\u306f\u5225\u30c9\u30e1\u30a4\u30f3\u3067\u52d5\u304b\u3059\u306e\u3067\u3001\u6307\u5b9a\u3057\u305f\u30c9\u30e1\u30a4\u30f3\u9593\u306e\u901a\u4fe1\u3092\u8a31\u53ef\u3059\u308bCORS\uff08Cross-Origin Resource Sharing \uff09\u306e\u8a2d\u5b9a\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
Laravel\u306eCORS\u8a2d\u5b9a\u306b\u306ffruitcake\/laravel-cors<\/a>\u3068\u3044\u3046\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u6709\u540d\u3067\u3059\u3002<\/p>\n\n\n\n
\u307e\u305a\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
composer require fruitcake\/laravel-cors<\/code><\/pre>\n\n\n\n
\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5b8c\u4e86\u3057\u305f\u3089app\/Http\/Kernel.php<\/code>\u306b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nnamespace App\\Http;\n\nuse Illuminate\\Foundation\\Http\\Kernel as HttpKernel;\n\nclass Kernel extends HttpKernel\n{\n    \/**\n     * The application's global HTTP middleware stack.\n     *\n     * These middleware are run during every request to your application.\n     *\n     * @var array\n     *\/\n    protected $middleware = [\n        \\App\\Http\\Middleware\\TrustProxies::class,\n        \\App\\Http\\Middleware\\CheckForMaintenanceMode::class,\n        \\Illuminate\\Foundation\\Http\\Middleware\\ValidatePostSize::class,\n        \\App\\Http\\Middleware\\TrimStrings::class,\n        \\Illuminate\\Foundation\\Http\\Middleware\\ConvertEmptyStringsToNull::class,\n        \/\/\u8ffd\u52a0\n        \\Fruitcake\\Cors\\HandleCors::class,\n    ];<\/code><\/pre>\n\n\n\n
\u6b21\u306b.env<\/code>\u30d5\u30a1\u30a4\u30eb\u306b\u8a31\u53ef\u3057\u305f\u3044\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u306e\u30c9\u30e1\u30a4\u30f3\u3092\u8a18\u5165\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
CORS_ALLOWED_ORIGIN=http:\/\/localhost:3000<\/code><\/pre>\n\n\n\n
\u8a18\u5165\u304c\u5b8c\u4e86\u3057\u305f\u3089\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067CORS\u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan vendor:publish --tag=\"cors\"<\/code><\/pre>\n\n\n\n
config\/cors.php<\/code>\u304c\u4f5c\u6210\u3055\u308c\u308b\u306e\u3067\u3001\u4e0b\u8a18\u306e\u5185\u5bb9\u3067\u7de8\u96c6\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
<?php\n\nreturn [\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Laravel CORS Options\n    |--------------------------------------------------------------------------\n    |\n    | The allowed_methods and allowed_headers options are case-insensitive.\n    |\n    | You don't need to provide both allowed_origins and allowed_origins_patterns.\n    | If one of the strings passed matches, it is considered a valid origin.\n    |\n    | If array('*') is provided to allowed_methods, allowed_origins or allowed_headers\n    | all methods \/ origins \/ headers are allowed.\n    |\n    *\/\n\n    \/*\n     * You can enable CORS for 1 or multiple paths.\n     * Example: ['api\/*']\n     *\/\n    'paths' => ['api\/*'],\n\n    \/*\n    * Matches the request method. `[*]` allows all methods.\n    *\/\n    'allowed_methods' => ['*'],\n\n    \/*\n     * Matches the request origin. `[*]` allows all origins.\n     *\/\n    'allowed_origins' => [env('CORS_ALLOWED_ORIGIN')],\n\n    \/*\n     * Matches the request origin with, similar to `Request::is()`\n     *\/\n    'allowed_origins_patterns' => [],\n\n    \/*\n     * Sets the Access-Control-Allow-Headers response header. `[*]` allows all headers.\n     *\/\n    'allowed_headers' => ['*'],\n\n    \/*\n     * Sets the Access-Control-Expose-Headers response header with these headers.\n     *\/\n    'exposed_headers' => [],\n\n    \/*\n     * Sets the Access-Control-Max-Age response header when > 0.\n     *\/\n    'max_age' => 0,\n\n    \/*\n     * Sets the Access-Control-Allow-Credentials header.\n     *\/\n    'supports_credentials' => true,\n];<\/code><\/pre>\n\n\n\n
\u5909\u66f4\u3057\u3066\u3044\u308b\u7b87\u6240\u306f\u4ee5\u4e0b\u306e3\u70b9\u3067\u3059\u3002<\/p>\n\n\n\n
\u25cf paths:  \u6307\u5b9a\u3057\u305f\u30d1\u30b9\u306b\u306e\u307f\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u8a31\u53ef\u3059\u308b\u8a2d\u5b9a\n\u25cf allowed_origins: \u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u8a31\u53ef\u3059\u308b\u30c9\u30e1\u30a4\u30f3\u3092\u6307\u5b9a\n\u25cf supports_credentials: \u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u3067Cookie\u306e\u9001\u53d7\u4fe1\u3092\u8a31\u53ef\u3059\u308b\u8a2d\u5b9a<\/code><\/pre>\n\n\n\n
\u7279\u306bpaths<\/code>\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u7a7a\u306a\u306e\u3067\u3059\u304c\u3001\u3053\u306e\u9805\u76ee\u306f\u5fc5\u305a\u8a2d\u5b9a\u3057\u306a\u3044\u3068\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u304c\u8a31\u53ef\u3055\u308c\u307e\u305b\u3093<\/strong>\u306e\u3067\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
\u3053\u308c\u3067\/api<\/code>\u4ee5\u4e0b\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u30d8\u30c3\u30c0\u306b\u4ee5\u4e0b\u306e\u5185\u5bb9\u304c\u8fd4\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u3067\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3068Cookie\u306e\u9001\u53d7\u4fe1\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
Access-Control-Allow-Credentials: true\nAccess-Control-Allow-Origin: \u4eca\u56de\u8a31\u53ef\u3057\u305f\u30c9\u30e1\u30a4\u30f3<\/code><\/pre>\n\n\n\n
Ajax\u4ee5\u5916\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5236\u9650\u3059\u308b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
\u4eca\u306e\u307e\u307e\u3060\u3068\u3001URL\u3084curl\u304b\u3089\u76f4\u63a5API\u3092\u5b9f\u884c\u3067\u304d\u3066\u3057\u307e\u3044\u307e\u3059\u3002

Nuxt\u304b\u3089\u306eAjax\u901a\u4fe1\u306e\u307f\u53d7\u3051\u4ed8\u3051\u308b\u3088\u3046\u306b\u3057\u305f\u3044\u306e\u3067\u3001Ajax\u4ee5\u5916\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5236\u9650\u3059\u308b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
app\/Http\/Middleware<\/code>\u306b\u4ee5\u4e0b\u306e\u5185\u5bb9\u306eAjaxOnly.php<\/code>\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002
Ajax\u901a\u4fe1\u4ee5\u5916\u306e\u5834\u5408\u306f403\u30a8\u30e9\u30fc\u3092\u8fd4\u3059\u3068\u3044\u3046\u51e6\u7406\u3067\u3059\u3002<\/p>\n\n\n\n
<?php\n\nnamespace App\\Http\\Middleware;\n\nuse Closure;\n\nclass AjaxOnly\n{\n    public function handle($request, Closure $next)\n    {\n        if ($request->ajax()) {\n            return $next($request);\n        }\n        abort(403);\n    }\n}<\/code><\/pre>\n\n\n\n
\u307e\u305fapp\/Http\/Kernel.php<\/code>\u306eAPI\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u306b\u8ffd\u8a18\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    \/**\n     * The application's route middleware groups.\n     *\n     * @var array\n     *\/\n    protected $middlewareGroups = [\n        'web' => [\n            \\App\\Http\\Middleware\\EncryptCookies::class,\n            \\Illuminate\\Cookie\\Middleware\\AddQueuedCookiesToResponse::class,\n            \\Illuminate\\Session\\Middleware\\StartSession::class,\n            \/\/ \\Illuminate\\Session\\Middleware\\AuthenticateSession::class,\n            \\Illuminate\\View\\Middleware\\ShareErrorsFromSession::class,\n            \\App\\Http\\Middleware\\VerifyCsrfToken::class,\n            \\Illuminate\\Routing\\Middleware\\SubstituteBindings::class,\n        ],\n\n        'api' => [\n            \\App\\Http\\Middleware\\EncryptCookies::class,\n            \\Illuminate\\Cookie\\Middleware\\AddQueuedCookiesToResponse::class,\n            \\Illuminate\\Session\\Middleware\\StartSession::class,\n            \\Illuminate\\View\\Middleware\\ShareErrorsFromSession::class,\n            \/\/\u8ffd\u52a0\n            \\App\\Http\\Middleware\\AjaxOnly::class,\n            'throttle:60,1',\n            \\Illuminate\\Routing\\Middleware\\SubstituteBindings::class,\n        ],\n    ];<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067\u300c\u8a31\u53ef\u3057\u305f\u30c9\u30e1\u30a4\u30f3\u304b\u3089\u306eAjax\u901a\u4fe1\u300d\u306e\u307fAPI\u3092\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\u305f\u3081\u3001
curl\u30b3\u30de\u30f3\u30c9\u306f\u3082\u3061\u308d\u3093\u3001\u8a31\u53ef\u3057\u3066\u3044\u306a\u3044\u4ed6\u30b5\u30a4\u30c8\u304b\u3089\u306eAjax\u901a\u4fe1\u3082\u9632\u3050\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n
axios\u3067Ajax\u901a\u4fe1\u306e\u8a2d\u5b9a\u3092\u884c\u3046<\/h2>\n\n\n\n
API\u306e\u5b9f\u88c5\u306f\u5b8c\u4e86\u3057\u305f\u306e\u3067\u3001\u3053\u3053\u304b\u3089\u306fNuxt\u5074\u306e\u4f5c\u696d\u3092\u9032\u3081\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306e\u5834\u5408\u3001X-Requested-With<\/code>\u30d8\u30c3\u30c0\u306bXMLHttpRequest<\/code>\u3092\u3064\u3051\u306a\u3044\u3068\u3001
API\u5074\u3067\u30ea\u30af\u30a8\u30b9\u30c8\u304cAjax\u3067\u3042\u308b\u3053\u3068\u3092\u5224\u5b9a\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n
\u305d\u306e\u305f\u3081axios\u306e\u5168\u90e8\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u306bX-Requested-With<\/code>\u30d8\u30c3\u30c0\u3092\u8ffd\u52a0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u304c\u3001
Nuxt\u3067\u306f\u3053\u306e\u3088\u3046\u306a\u5171\u901a\u8a2d\u5b9a\u3092\u884c\u3046\u305f\u3081\u306b\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u3044\u3046\u4ed5\u7d44\u307f\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u307e\u305a\u4ee5\u4e0b\u306e\u5185\u5bb9\u3067plugins\/axios.js<\/code>\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
export default function ({ $axios }) {\n  $axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'\n}<\/code><\/pre>\n\n\n\n
\u305d\u3057\u3066\u6b21\u306e\u5185\u5bb9\u3067nuxt.config.js<\/code>\u306b\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\/*\n** Plugins to load before mounting the App\n*\/\nplugins: [\n  \/\/\u8ffd\u52a0\n  '~\/plugins\/axios'\n],<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067\u5168\u3066\u306eaxios\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u306bX-Requested-With<\/code>\u30d8\u30c3\u30c0\u304c\u8ffd\u52a0\u3055\u308c\u3001
API\u3092\u5b9f\u884c\u3057\u3066\u3082403\u30a8\u30e9\u30fc\u306b\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
axios\u3067CORS\u306e\u8a2d\u5b9a\u3092\u884c\u3046<\/h2>\n\n\n\n
\u6b21\u306bNuxt\u5074\u3067\u3082CORS\u3092\u8a31\u53ef\u3059\u308b\u8a2d\u5b9a\u3092\u884c\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u307e\u305a\u4ee5\u4e0b\u30b3\u30de\u30f3\u30c9\u3067dotenv<\/code>\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
yarn add @nuxtjs\/dotenv<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u4ee5\u4e0b\u306e\u5185\u5bb9\u306e.env<\/code>\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
API_URL=http:\/\/localhost:8000\/api<\/code><\/pre>\n\n\n\n
\u4f5c\u6210\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u6b21\u306fnuxt.config.js<\/code>\u3092\u4ee5\u4e0b\u306e\u5185\u5bb9\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\/\/\u8ffd\u52a0\nrequire('dotenv').config()\n\nexport default {\n  mode: 'universal',\n  \/*\n  ** Headers of the page\n  *\/\n  head: {\n    title: process.env.npm_package_name || '',\n    meta: [\n      { charset: 'utf-8' },\n      { name: 'viewport', content: 'width=device-width, initial-scale=1' },\n      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }\n    ],\n    link: [\n      { rel: 'icon', type: 'image\/x-icon', href: '\/favicon.ico' }\n    ]\n  },\n  \/*\n  ** Customize the progress-bar color\n  *\/\n  loading: { color: '#fff' },\n  \/*\n  ** Global CSS\n  *\/\n  css: [\n  ],\n  \/*\n  ** Plugins to load before mounting the App\n  *\/\n  plugins: [\n    '~\/plugins\/axios'\n  ],\n  \/*\n  ** Nuxt.js dev-modules\n  *\/\n  buildModules: [\n  ],\n  \/*\n  ** Nuxt.js modules\n  *\/\n  modules: [\n    \/\/ Doc: https:\/\/axios.nuxtjs.org\/usage\n    '@nuxtjs\/axios',\n    \/\/\u8ffd\u52a0\n    '@nuxtjs\/dotenv',\n  ],\n  \/*\n  ** Axios module configuration\n  ** See https:\/\/axios.nuxtjs.org\/options\n  *\/\n  axios: {\n\u3000\u3000 \/\/\u8ffd\u52a0\n    baseURL: process.env.API_URL,\n    \/\/\u8ffd\u52a0\n    credentials: true\n  },\n  \/*\n  ** Build configuration\n  *\/\n  build: {\n    \/*\n    ** You can extend webpack config here\n    *\/\n    extend (config, ctx) {\n    }\n  }\n}<\/code><\/pre>\n\n\n\n
\u7279\u306b\u91cd\u8981\u306a\u5909\u66f4\u7b87\u6240\u306f\u4ee5\u4e0b\u306e2\u70b9\u3067\u3059\u3002<\/p>\n\n\n\n
\u25cf baseURL: credentials\u3067\u8a31\u53ef\u3059\u308b\u30c9\u30e1\u30a4\u30f3\u306e\u30d9\u30fc\u30b9URL\u3092\u6307\u5b9a\n\u25cf credentials: \u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u306eCookie\u9001\u53d7\u4fe1\u3092\u8a31\u53ef\u3059\u308b\u8a2d\u5b9a<\/code><\/pre>\n\n\n\n
\u3053\u308c\u3067\u30af\u30ed\u30b9\u30c9\u30e1\u30a4\u30f3\u3067\u306eCookie\u9001\u53d7\u4fe1\u304c\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u5074\u3067\u3082\u51fa\u6765\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u3057\u305f\u7ba1\u7406\u30e6\u30fc\u30b6\u30fc\u3092\u4fdd\u5b58\u3059\u308bStore\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
Nuxt\u3067\u306f\u30da\u30fc\u30b8\u3092\u6a2a\u65ad\u3057\u3066\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u305f\u3081\u306b\u3001Store<\/code>\u3068\u3044\u3046\u30c7\u30fc\u30bf\u3092\u5168\u4f53\u3067\u5171\u6709\u3059\u308b\u4ed5\u7d44\u307f\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
store<\/code>\u4ee5\u4e0b\u306b\u6271\u3044\u305f\u3044\u30c7\u30fc\u30bf\u306e\u5185\u5bb9\u3068\u3001\u64cd\u4f5c\u7528\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u66f8\u3044\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u8a2d\u5b9a\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n
\u4eca\u56de\u306f\u30ed\u30b0\u30a4\u30f3\u30e6\u30fc\u30b6\u30fc\u3092\u7ba1\u7406\u3057\u305f\u3044\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u5185\u5bb9\u306estore\/auth.js<\/code>\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002

\u3053\u308c\u3067\u30ed\u30b0\u30a4\u30f3\u5f8c\u306bAPI\u304b\u3089\u8fd4\u3063\u3066\u304f\u308b\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u30c7\u30fc\u30bf\u3092\u5168\u4f53\u3067\u5171\u6709\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
export const state = () => ({\n  admin_user: null\n})\n\nexport const mutations = {\n  setAdminUser (state, admin_user) {\n    state.admin_user = admin_user\n  }\n}\n\nexport const actions = {\n  async login ({ commit }, { email, password }) {\n    const response = await this.$axios.$post('\/login', { email, password })\n      .catch(err => {\n        console.log(err)\n      })\n    commit('setAdminUser', response)\n  }\n}<\/code><\/pre>\n\n\n\n
API\u304b\u3089\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u3092\u53d6\u5f97\u3059\u308b\u3088\u3046\u306b\u3059\u308b <\/h2>\n\n\n\n
Store<\/code>\u306e\u30c7\u30fc\u30bf\u306f\u30ea\u30ed\u30fc\u30c9\u3059\u308b\u3068\u6d88\u3048\u3066\u3057\u307e\u3046\u305f\u3081\u3001
\u753b\u9762\u8868\u793a\u524d\u306bAPI\u304b\u3089\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u30e6\u30fc\u30b6\u30fc\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3066\u6bce\u56deStore<\/code>\u306b\u30bb\u30c3\u30c8\u3059\u308b\u51e6\u7406\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u4ee5\u4e0b\u306e\u5185\u5bb9\u3067store\/index.js<\/code>\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
export const actions = {\n  async nuxtServerInit ({ commit }, { app }) {\n    await app.$axios.$get('\/current_admin_user')\n      .then(admin_user => commit('auth\/setAdminUser', admin_user))\n      .catch(() => commit('auth\/setAdminUser', null))\n  }\n}<\/code><\/pre>\n\n\n\n
nuxtServerInit<\/code>\u306fSSR\u6642\u306b\u5b9f\u884c\u3055\u308c\u308b\u51e6\u7406\u3067\u3001
\u3053\u308c\u3067Cookie\u304c\u6709\u52b9\u306a\u9593\u306f\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u60c5\u5831\u304c\u6bce\u56de\u30bb\u30c3\u30c8\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u4e2d\u304b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u753b\u9762\u9077\u79fb\u3055\u305b\u308b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u4f5c\u308b<\/h2>\n\n\n\n
Nuxt\u306b\u306f\u753b\u9762\u306e\u8868\u793a\u524d\u306b\u3001\u4f55\u304b\u51e6\u7406\u3092\u5b9f\u884c\u3057\u305f\u3044\u6642\u306b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3068\u3044\u3046\u4ed5\u7d44\u307f\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u4eca\u56de\u306f\u30ed\u30b0\u30a4\u30f3\u4e2d\u304b\u3069\u3046\u304b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u3001\u8868\u793a\u3059\u308b\u753b\u9762\u3092\u5909\u66f4\u3059\u308b\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3092\u4f5c\u3063\u3066\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
middleware<\/code>\u306b\u4ee5\u4e0b\u306e\u5185\u5bb9\u306enot_logined_admin_user.js<\/code>\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
export default function ({ store, redirect }) {\n  if (!store.state.auth.admin_user) {\n    redirect('\/admin\/login')\n  }\n}<\/code><\/pre>\n\n\n\n
\u5148\u307b\u3069\u4f5c\u6210\u3057\u305fStore<\/code>\u306bstate.auth.admin_user<\/code>\u304c\u30bb\u30c3\u30c8\u3055\u308c\u3066\u3044\u306a\u3051\u308c\u3070\u3001\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u9077\u79fb\u3055\u305b\u308b\u3068\u3044\u3046\u51e6\u7406\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u6b21\u306b\u540c\u69d8\u306bmiddleware<\/code>\u4ee5\u4e0b\u306e\u5185\u5bb9\u306elogined_admin_user.js<\/code>\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
export default function ({ store, redirect }) {\n  if (store.state.auth.admin_user) {\n    redirect('\/admin')\n  }\n}<\/code><\/pre>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u4e2d\u306e\u5834\u5408\u306f\/admin\/login<\/code>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3082\u3001\u30ed\u30b0\u30a4\u30f3\u5f8c\u306e\u753b\u9762\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u5229\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u5f8c\u306e\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
\u5143\u3005\u306e\u8981\u4ef6\u304c\/admin\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u969b\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u9077\u79fb\u3059\u308b<\/code>\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u5185\u5bb9\u306epages\/admin\/index.vue<\/code>\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/code><\/p>\n\n\n\n
<template>\n  <section>\n    <h1>\u7ba1\u7406\u753b\u9762\u3078\u3088\u3046\u3053\u305d<\/h1>\n  <\/section>\n<\/template>\n\n<script>\nexport default {\n  middleware: 'not_logined_admin_user',\n}\n<\/script><\/code><\/pre>\n\n\n\n
\u5148\u307b\u3069\u4f5c\u6210\u3057\u305fnot_logined_admin_user.js<\/code>\u3092\u30df\u30c9\u30eb\u30a6\u30a7\u30a2\u3068\u3057\u3066\u6307\u5b9a\u3057\u3066\u3044\u308b\u305f\u3081\u3001\/admin<\/code>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u969b\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u9077\u79fb\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b<\/h2>\n\n\n\n
\u6b21\u306b\u4ee5\u4e0b\u306e\u5185\u5bb9\u306epages\/admin\/login.vue<\/code>\u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
<template>\n  <section>\n    <h1>Login<\/h1>\n    <form @submit.prevent=\"submit\">\n      <div>\n        <label for=\"email\">email<\/label>\n        <input type=\"text\" id=\"email\" v-model=\"email\" \/>\n      <\/div>\n      <div>\n        <label for=\"password\">password<\/label>\n        <input type=\"password\" id=\"password\" v-model=\"password\" \/>\n      <\/div>\n      <button type=\"submit\">login<\/button>\n    <\/form>\n  <\/section>\n<\/template>\n\n<script>\nexport default {\n  middleware: 'logined_admin_user',\n  data () {\n    return {\n      email: '',\n      password: ''\n    }\n  },\n  methods: {\n    async submit () {\n      await this.$store.dispatch('auth\/login', {\n        email: this.email,\n        password: this.password\n      })\n      this.$router.push('\/admin')\n    }\n  }\n}\n<\/script><\/code><\/pre>\n\n\n\n
store<\/code>\u306b\u306fdispatch<\/code>\u3068\u3044\u3046\u30a4\u30d9\u30f3\u30c8\u3092\u901a\u77e5\u3059\u308b\u4ed5\u7d44\u307f\u304c\u3042\u308a\u3001action<\/code>\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u30a4\u30d9\u30f3\u30c8\u304c\u901a\u77e5\u3055\u308c\u308b\u3068\u3001\u30c7\u30fc\u30bf\u3092\u64cd\u4f5c\u3059\u308b\u51e6\u7406\u304c\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
\u4eca\u56de\u306f\u30ed\u30b0\u30a4\u30f3\u306e\u30a4\u30d9\u30f3\u30c8\u3092\u901a\u77e5\u3057\u3001\u5165\u529b\u3055\u308c\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u304c\u6b63\u3057\u3051\u308c\u3070\u3001store<\/code>\u306b\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u60c5\u5831\u304c\u4fdd\u5b58\u3055\u308c\u3001\u30ed\u30b0\u30a4\u30f3\u5f8c\u306e\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
\u30a2\u30d7\u30ea\u3092\u8d77\u52d5\u3057\u3066\u52d5\u4f5c\u3092\u78ba\u8a8d\u3059\u308b<\/h2>\n\n\n\n
\u3053\u3053\u307e\u3067\u5b9f\u88c5\u304c\u3067\u304d\u305f\u3089\u3001\u6700\u521d\u306b\u5b9a\u7fa9\u3057\u305f\u4ee5\u4e0b\u306e\u8981\u4ef6\u304c\u6e80\u305f\u305b\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u25cf \u30e6\u30fc\u30b6\u30fc\u767b\u9332\u6a5f\u80fd\u306f\u5b9f\u88c5\u305b\u305a\u3001\u4e8b\u524d\u306b\u7528\u610f\u3057\u305f\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u3067\u30ed\u30b0\u30a4\u30f3\u3067\u304d\u308b\n\u25cf \/admin\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u969b\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u306b\u9077\u79fb\u3059\u308b<\/code><\/pre>\n\n\n\n
\u307e\u305a\u3001\u4e0b\u8a18\u30b3\u30de\u30f3\u30c9\u3067Laravel\uff08API\uff09\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
php artisan serve<\/code><\/pre>\n\n\n\n
\u6b21\u306b\u4ee5\u4e0b\u306e\u30b3\u30de\u30f3\u30c9\u3067Nuxt\u30a2\u30d7\u30ea\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
yarn run dev<\/code><\/pre>\n\n\n\n
\u8d77\u52d5\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001http:\/\/localhost:3000\/admin<\/a>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u307e\u3060\u30b9\u30bf\u30a4\u30eb\u3092\u53cd\u6620\u3057\u3066\u3044\u306a\u3044\u306e\u3067\u7c21\u7d20\u3067\u3059\u304c\u3001\u4e0a\u8a18\u306e\u3088\u3046\u306a\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n
\u6b21\u306b\u4e8b\u524d\u306b\u767b\u9332\u3057\u305f\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3068\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3057\u3066login\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u308c\u3070OK\u3067\u3059\u3002

http:\/\/localhost:3000\/admin\/login<\/a>\u306b\u30a2\u30af\u30bb\u30b9\u3057\u305f\u3089\u3001
\u30ed\u30b0\u30a4\u30f3\u4e2d\u306a\u306e\u3067\u3001\/admin<\/code>\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3055\u308c\u308b\u3053\u3068\u3082\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u6b21\u306b\u30ed\u30b0\u30a2\u30a6\u30c8\u3055\u305b\u305f\u3044\u306e\u3067\u3001
\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u30d6\u30e9\u30a6\u30b6\u306e\u958b\u767a\u8005\u30c4\u30fc\u30eb\u304b\u3089Cookie\u3092\u524a\u9664\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u3053\u308c\u3067\u518d\u5ea6\u30a2\u30af\u30bb\u30b9\u3059\u308b\u3068\u3001\u30ed\u30b0\u30a4\u30f3\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u308c\u3070OK\u3067\u3059\u3002<\/p>\n\n\n\n
\u304a\u308f\u308a\u306b<\/h2>\n\n\n\n
\u4eca\u56de\u306fCookie\u3092\u4f7f\u3063\u305fAPI\u7d4c\u7531\u3067\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u306e\u5b9f\u88c5\u3092\u884c\u3044\u307e\u3057\u305f\u3002
\u540c\u69d8\u306e\u6d41\u308c\u3067\u4e00\u822c\u30e6\u30fc\u30b6\u30fc\u3068\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u305d\u308c\u305e\u308c\u306b\u8a8d\u8a3c\u6a5f\u80fd\u3092\u7528\u610f\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3059\u306d\u3002<\/strong><\/p>\n\n\n\n
\u7ba1\u7406\u753b\u9762\u306b\u6700\u4f4e\u9650\u5fc5\u8981\u306b\u306a\u308bCRUD\u6a5f\u80fd\u306e\u5b9f\u88c5\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b<\/a>\u3067\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
DEHA\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30ba\u3067\u306fPHP\u306b\u5f37\u3044\u30a8\u30f3\u30b8\u30cb\u30a2\u304c\u591a\u6570\u5728\u7c4d\u3057\u3066\u3044\u307e\u3059\u3002\u30a8\u30f3\u30b8\u30cb\u30a2\u30921\u304b\u3089\u63a1\u7528\u3059\u308b\u3088\u308a\u3082\u3001\u52b9\u7387\u7684\u3067\u4f4e\u30b3\u30b9\u30c8\u3067\u3001\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u30b9\u30dd\u30c3\u30c8\u6d3e\u9063\u3084\u958b\u767a\u30b5\u30dd\u30fc\u30c8\u3082\u304a\u3053\u306a\u3063\u3066\u3044\u307e\u3059\u3002Laravel\u306e\u74b0\u5883\u69cb\u7bc9\u3092\u884c\u3044\u305f\u3044\u65b9\u3084\u3001PHP\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u63a1\u7528\u3092\u3057\u305f\u3044\u65b9\u306f\u305c\u3072\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
\n\n\n\n
\u56fd\u5185\u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u9ad8\u3044\u3057\u3001\u958b\u767a\u3092\u9045\u3089\u305b\u305f\u304f\u306a\u3044\u3002
\u305d\u3093\u306a\u3042\u306a\u305f\u3078 deha\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30ba\u3067\u306f\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a<\/a>\u306b\u3088\u3063\u3066\u4f4e\u30b3\u30b9\u30c8\u3067\u8fc5\u901f\u306a\u958b\u767a\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002
\u6570\u591a\u304f\u306e\u6848\u4ef6\u3092\u958b\u767a\u3057\u3066\u304d\u305fdeha\u3078\u306e\u958b\u767a\u76f8\u8ac7\u3084\u7121\u6599\u304a\u898b\u7a4d\u308a\u76f8\u8ac7\u306f\u3053\u3061\u3089\u304b\u3089\uff01<\/p>\n\n\n\n
deha\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3078\u306e\u7c21\u5358\u898b\u7a4d\u3082\u308a\u306e\u4f9d\u983c\u306f\u3053\u3061\u3089<\/strong>\u25b6<\/a><\/p>\n\n\n\n
\n
\n
<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
PHP\u306e\u4eba\u6c17\u306e\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afLaravel\u3092\u5229\u7528\u3057\u3066Web\u30b5\u30a4\u30c8\u306e\u7ba1\u7406\u753b\u9762\u3092\u958b\u767a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u30b7\u30ea\u30fc\u30ba\u3067\u306f\u305d\u3093\u306a\u7ba1\u7406\u753b\u9762\u306e\u69cb\u7bc9\u306b\u95a2\u3057\u3066\u3001\u6280\u8853\u8005\u5411\u3051\u306b\u305d\u306e\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306fCookie\u3067API\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\uff01 Nuxt.js\u304b\u3089Laravel\u306eAPI\u3092Ajax\u3067\u901a\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u624b\u9806\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b\u3067\u89e3\u8aac\u4e2d\u3002 \u30fbLaravel\u3092\u4f7f\u3063\u3066\u69cb\u7bc9\u3092\u3057\u305f\u3044\u65b9\u30fbWeb\u30b5\u30a4\u30c8\u69cb\u7bc9\u306e\u5177\u4f53\u7684\u306a\u624b\u6cd5\u304c\u77e5\u308a\u305f\u3044\u65b9 \u3053\u308c\u3089\u306b\u5f53\u3066\u306f\u307e\u308b\u65b9\u306b\u304a\u3059\u3059\u3081\u306e\u8a18\u4e8b\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30b7\u30ea\u30fc\u30ba\u3092\u8aad\u3081\u3070Laravel6\u3068Nuxt.js\u3067\u7ba1\u7406\u753b\u9762\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3088\u3002<\/p>\n","protected":false},"author":2,"featured_media":3644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"yoast_head":"\nCookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine<\/title>\n<meta name=\"description\" content=\"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine\" \/>\n<meta property=\"og:description\" content=\"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2\" \/>\n<meta property=\"og:url\" content=\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\" \/>\n<meta property=\"og:site_name\" content=\"DEHA Magazine\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-01T05:25:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-28T10:05:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2020\/05\/logo2.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"569\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mai Tran\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mai Tran\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\"},\"author\":{\"name\":\"Mai Tran\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/#\/schema\/person\/301963170c966f39bbe2f7914450e1f9\"},\"headline\":\"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011\",\"datePublished\":\"2020-06-01T05:25:00+00:00\",\"dateModified\":\"2021-12-28T10:05:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\"},\"wordCount\":144,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/#organization\"},\"articleSection\":[\"\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\",\"url\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\",\"name\":\"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine\",\"isPartOf\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/#website\"},\"datePublished\":\"2020-06-01T05:25:00+00:00\",\"dateModified\":\"2021-12-28T10:05:40+00:00\",\"description\":\"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2\",\"breadcrumb\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/deha.co.jp\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/#website\",\"url\":\"https:\/\/deha.co.jp\/magazine\/\",\"name\":\"DEHA Magazine\",\"description\":\"DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2\",\"publisher\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/deha.co.jp\/magazine\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/#organization\",\"name\":\"Deha Magazine\",\"url\":\"https:\/\/deha.co.jp\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2025\/06\/DEHA-Solutions-Site-icon.png\",\"contentUrl\":\"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2025\/06\/DEHA-Solutions-Site-icon.png\",\"width\":780,\"height\":780,\"caption\":\"Deha Magazine\"},\"image\":{\"@id\":\"https:\/\/deha.co.jp\/magazine\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/deha.co.jp\/magazine\/#\/schema\/person\/301963170c966f39bbe2f7914450e1f9\",\"name\":\"Mai Tran\",\"sameAs\":[\"https:\/\/deha.co.jp\"],\"url\":\"https:\/\/deha.co.jp\/magazine\/author\/maitt\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine","description":"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/","og_locale":"en_US","og_type":"article","og_title":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine","og_description":"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2","og_url":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/","og_site_name":"DEHA Magazine","article_published_time":"2020-06-01T05:25:00+00:00","article_modified_time":"2021-12-28T10:05:40+00:00","og_image":[{"width":569,"height":427,"url":"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2020\/05\/logo2.jpeg","type":"image\/jpeg"}],"author":"Mai Tran","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mai Tran","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#article","isPartOf":{"@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/"},"author":{"name":"Mai Tran","@id":"https:\/\/deha.co.jp\/magazine\/#\/schema\/person\/301963170c966f39bbe2f7914450e1f9"},"headline":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011","datePublished":"2020-06-01T05:25:00+00:00","dateModified":"2021-12-28T10:05:40+00:00","mainEntityOfPage":{"@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/"},"wordCount":144,"commentCount":0,"publisher":{"@id":"https:\/\/deha.co.jp\/magazine\/#organization"},"articleSection":["\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/","url":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/","name":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011 - DEHA Magazine","isPartOf":{"@id":"https:\/\/deha.co.jp\/magazine\/#website"},"datePublished":"2020-06-01T05:25:00+00:00","dateModified":"2021-12-28T10:05:40+00:00","description":"\u30d9\u30c8\u30ca\u30e0\u6280\u8853\u8005\u96c6\u56e3DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2","breadcrumb":{"@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/deha.co.jp\/magazine\/admin-laravel-nuxt-cookie-auth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/deha.co.jp\/magazine\/"},{"@type":"ListItem","position":2,"name":"Cookie\u306b\u3088\u308bAPI\u7d4c\u7531\u306e\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u6a5f\u80fd\u3092\u4f5c\u308b\u3010Laravel6\u3068Nuxt.js\u3067\u4f5c\u308b\u7ba1\u7406\u753b\u9762\u3011"}]},{"@type":"WebSite","@id":"https:\/\/deha.co.jp\/magazine\/#website","url":"https:\/\/deha.co.jp\/magazine\/","name":"DEHA Magazine","description":"DEHA\u304c\u304a\u5c4a\u3051\u3059\u308b\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\u60c5\u5831\u30e1\u30c7\u30a3\u30a2","publisher":{"@id":"https:\/\/deha.co.jp\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/deha.co.jp\/magazine\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/deha.co.jp\/magazine\/#organization","name":"Deha Magazine","url":"https:\/\/deha.co.jp\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/deha.co.jp\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2025\/06\/DEHA-Solutions-Site-icon.png","contentUrl":"https:\/\/deha.co.jp\/magazine\/wp-content\/uploads\/2025\/06\/DEHA-Solutions-Site-icon.png","width":780,"height":780,"caption":"Deha Magazine"},"image":{"@id":"https:\/\/deha.co.jp\/magazine\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/deha.co.jp\/magazine\/#\/schema\/person\/301963170c966f39bbe2f7914450e1f9","name":"Mai Tran","sameAs":["https:\/\/deha.co.jp"],"url":"https:\/\/deha.co.jp\/magazine\/author\/maitt\/"}]}},"_links":{"self":[{"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/posts\/3535"}],"collection":[{"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/comments?post=3535"}],"version-history":[{"count":76,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/posts\/3535\/revisions"}],"predecessor-version":[{"id":6752,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/posts\/3535\/revisions\/6752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/media\/3644"}],"wp:attachment":[{"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/media?parent=3535"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/categories?post=3535"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/deha.co.jp\/magazine\/wp-json\/wp\/v2\/tags?post=3535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}