🏠 房贷提前还款决策助手 (Mortgage Prepayment Decision Assistant)
一款专为中国购房者设计的房贷提前还款决策工具。基于最新的 LPR (贷款市场报价利率) 走势,结合 AI 大模型 (推荐使用 DeepSeek) 提供深度的理财建议,帮助用户在“减少月供”与“缩短期限”之间做出最优选择。

- 📈 实时利息测算:支持“等额本息”与“等额本金”两种还款方式的对比计算。
- 💸 提前还款方案对比:
- 方案 A (减少月供):保持剩余年限不变,降低每月还款压力,释放现金流。
- 方案 B (缩短期限):保持月供基本不变,大幅缩短贷款年限,节省总利息支出。
- 📊 数据可视化:通过直观的柱状图对比不同方案的利息减免力度。
- ⚙️ LPR 自定义配置:用户可手动调整 1 年期及 5 年期 LPR 利率,适应市场变动。
- 🤖 AI 专家决策支持:
- 支持 DeepSeek 及所有 OpenAI 兼容接口。
- 自定义配置:用户可自由设置 API URL、模型名称和 API Key。
- 智能化建议:AI 会根据当前利率环境、剩余本金和还款阶段,给出针对性的操作建议。
- 🎨 现代美观 UI:基于 Tailwind CSS 构建,适配移动端与 PC 端,文字清晰可见(已解决输入框文本遮挡问题)。
- 前端框架: React 19 (ES Modules)
- 样式处理: Tailwind CSS
- 图表库: Recharts
- 图标库: Lucide React
- AI 交互: Fetch API (对接 OpenAI 兼容格式接口)
- 构建工具: 建议使用 Vite 或 Webpack
该项目为纯前端应用,构建后可部署在任何支持静态文件托管的服务器上。
如果你是在本地环境运行:
npm install
npm run dev
将源代码编译为优化后的静态文件:
npm run build
构建完成后,根目录下会生成一个 dist (或 build) 文件夹,里面包含了所有的静态资源。
方案 A:Vercel / Netlify (推荐)
- 将代码上传至 GitHub/GitLab。
- 在 Vercel 或 Netlify 仪表盘中点击 "New Project"。
- 关联你的仓库,框架选择 "Vite" 或 "Other"。
- 构建命令填入
npm run build,输出目录填入 dist。
- 点击 Deploy 即可。
将 dist 文件夹中的内容上传至服务器目录(如 /var/www/mortgage),并在 Nginx 中进行如下配置:
server {
listen 80;
server_name yourdomain.com;
location / {
root /var/www/mortgage;
index index.html;
try_files $uri $uri/ /index.html;
}
}
- 基本设置:在左侧面板输入您的贷款总额、当前执行利率、已还年限等。
- LPR 配置:如果市场利率发生变动,请在下方“市场 LPR 实时配置”中更新数据。
- 方案预览:右侧会自动计算出两种提前还款策略的具体节约金额和结清日期。
- AI 分析:
- 点击右上角的 “AI 服务配置”。
- 输入您的 DeepSeek API Key(或其他兼容接口)。
- 点击 “立即生成分析报告”,等待 AI 给出专业理财建议。
本工具提供的所有计算结果和 AI 建议仅供参考。实际还款数据请以贷款银行官方账单和最终合同为准。在进行大额资金操作前,请务必咨询专业金融从业人员。
MIT License