```bash # install dependencies pnpm i # Run pnpm dev # Build product pnpm build ``` ## 本地开发跳过翼虎 SSO 登录 本地开发时,通过 whistle 代理将线上域名指向本地服务,从而复用线上登录态,跳过 SSO 登录流程。 ### 1. 外部工具配置 #### 1.1 安装 whistle 代理 ```bash 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 指向预发域名: ```ts serviceConfig.dev.url = 'https://rt-admin.deploy-test.xiaopeng.com' ``` #### 2.3 Vite 允许外部域名访问 在 `vite.config.ts` 的 `server` 配置中添加: ```ts server: { allowedHosts: true } ``` ### 3. 使用方式 1. 启动 whistle:`w2 start` 2. 切换 SwitchyOmega 到 `auto switch` 模式 3. 运行 `pnpm dev` 启动本地服务 4. 浏览器访问 `https://rt-admin.deploy-test.xiaopeng.com`,请求将被代理到本地,同时复用线上登录态