一、应用场景
客户常提出需求:希望登录页显示公司 Logo,并使用专属网址(如 oa.lisan.com)而非默认 IP 地址。这是 SaaS 交付中'最后一公里'的前端体验租户隔离问题。
二、架构设计
在传统单体应用中,Logo 和标题通常写死在 vue.config.js 或 .env 文件中。但在 SaaS 模式下,这些必须是动态的。
核心逻辑如下:
- 用户访问 tenantA.saas.com。
- Nginx 泛解析,将请求转发给前端。
- 前端启动(main.js)拦截,获取当前 URL 的 host。
- 调用后端接口(无需鉴权),根据域名查询租户配置(Logo、Title、主题色)。
- 渲染页面,并应用对应配置。


