前后端分离.mp4 (7.45MB)

调整后源码地址

:::warning https://github.com/pig-mesh/Ruoyi-vue-pig :::

PIG 整合前后端分离项目登录

[单点案例] ruoyi系统接入pig (分离) - 图2

插入客户端

  1. INSERT INTO `pig`.`sys_oauth_client_details`(`client_id`, `resource_ids`, `client_secret`, `scope`, `authorized_grant_types`, `web_server_redirect_uri`, `authorities`, `access_token_validity`, `refresh_token_validity`, `additional_information`, `autoapprove`, `create_time`, `update_time`, `create_by`, `update_by`) VALUES ('ruoyi', '', 'ruoyi', 'server', 'authorization_code', '', '', 17800000, 17800000, '', 'false', '2023-01-17 10:37:32', '2023-01-17 10:37:32', 'admin', 'admin');

RuoYi 后端信息

配置 RuoYi 前端地址 默认 1024 端口
配置 PIG 认证中心地址

[单点案例] ruoyi系统接入pig (分离) - 图3

RuoYi 前端配置

  • 登录页面配置
    [单点案例] ruoyi系统接入pig (分离) - 图4
  • 退出页面配置
    [单点案例] ruoyi系统接入pig (分离) - 图5