# install dependencies
pnpm i

# Run
pnpm dev

# Build product
pnpm build

本地开发跳过翼虎 SSO 登录

本地开发时,通过 whistle 代理将线上域名指向本地服务,从而复用线上登录态,跳过 SSO 登录流程。

1. 外部工具配置

1.1 安装 whistle 代理

npm i whistle -g

1.2 配置代理规则

启动 whistle 后打开 localhost:8899,新增规则:

# RT 预发
https://rt-admin.deploy-test.xiaopeng.com http://127.0.0.1:9980

1.3 配置浏览器代理插件

  1. 下载 Chrome 插件 Proxy SwitchyOmega (V3)
  2. 新增情景模式 whistle,代理服务器设置为 http://127.0.0.1:8899
  3. 在 auto switch 下新增域名通配符规则,仅当域名为 rt-admin.deploy-test.xiaopeng.com 时触发代理

2. 项目配置

2.1 开启 HTTP 代理

在 .env 或对应环境配置文件中设置:

VITE_HTTP_PROXY = Y

2.2 配置服务地址

将 serviceConfig 的开发环境 URL 指向预发域名:

serviceConfig.dev.url = 'https://rt-admin.deploy-test.xiaopeng.com'

2.3 Vite 允许外部域名访问

在 vite.config.ts 的 server 配置中添加:

server: {
  allowedHosts: true
}

3. 使用方式

  1. 启动 whistle:w2 start
  2. 切换 SwitchyOmega 到 auto switch 模式
  3. 运行 pnpm dev 启动本地服务
  4. 浏览器访问 https://rt-admin.deploy-test.xiaopeng.com,请求将被代理到本地,同时复用线上登录态