看到Cool-Admin這個管理後臺，就被迷住了！

當第一眼看到 Cool-Admin 就被它的顏值驚豔到了

官方只有node和java版本的server api，於是基於Laravel做了後臺最基本的幾個模組（許可權管理）

• 管理員
• 選單管理
• 角色管理

github地址：github.com/flaravel/cool-admin-api

安裝

composer require flaravel/cool-admin-api

配置檔案

php artisan vendor:publish --tag=cool-admin

遷移

php artisan migrate

初始化資料

php artisan vendor:publish --tag=cool-seeder

php artisan db:seed --class=CoolAdminSeeder

生成jwt金鑰

php artisan jwt:secret

前端

github: github.com/flaravel/cool-admin-vue

程式碼拉取下來之後更改代理配置（在 vite.config.ts檔案 中）, 更改成當前你的後面請求地址

const proxy = {
    "/dev": {
        target: "請求服務端的url",
        changeOrigin: true,
        rewrite: (path: string) => path.replace(/^\/dev/, "")
    },

    "/pro": {
        target: "https://show.cool-admin.com",
        changeOrigin: true,
        rewrite: (path: string) => path.replace(/^\/pro/, "/api")
    }
};

更改完執行就能看到如下介面:

演示地址

119.29.159.240:8001

管理員:

• admin
• password

測試:

• test
• password

別再改管理員許可權啦～

本作品採用《CC 協議》，轉載必須註明作者和本文連結