ViteReact工具站

react-currency-converter — Vite 工具站模板

作者 AllRates-Today

基于 React 与 Vite 的货币换算模板，克隆后即可运行，汇率取自 121 家央行和 3 个税务机关发布的官方牌价表，通过无需密钥、开放 CORS 的接口获取。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-09查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

React + Vite 项目结构，克隆后执行 npm install 与 npm run dev 即可运行

02

汇率来自 121 家央行和 3 个税务机关的官方牌价表，接口无需 API 密钥且开放 CORS

03

src/rates.js 支持直接、取倒数、经本币交叉三种方式解析任意货币对，并在界面标明所用方式

04

官方牌价表为每日定盘价，实时中间价需另申请密钥并在服务端调用

05

代码为 MIT 许可，汇率数据需注明来源 AllRatesToday

模板详细介绍

这是一个 React + Vite 的货币换算工具模板，定位为可直接克隆运行的起始项目。汇率数据来自 AllRatesToday 提供的开放接口，来源为 121 家央行与 3 个税务机关发布的官方牌价表，包括欧洲央行、美联储、英格兰银行、印度储备银行、英国税务海关总署等。接口无需 API 密钥，也不要求自建后端，因此不需要额外配置即可发起请求。

换算逻辑集中在 src/rates.js：它请求 https://allratestoday.com/api/open/central-bank/<bank>，并从该央行公布的牌价表中解析任意货币对。解析方式有三种——直接报价、取倒数、或经由该央行本币做交叉换算；界面会标明当前结果属于哪一种，因为这一区别在发票和税务申报场景中会影响结果。

需要说明的是，官方牌价表属于每日定盘价，并非实时行情。若需要覆盖 160 多种货币的实时中间价，需要申请免费 API 密钥，并且调用必须放在服务端进行，以避免密钥暴露在浏览器中；仓库中另有一个 Next.js 起步项目演示了这种服务端调用方式。如果只需要静态数据，同组织的 central-bank-exchange-rates 仓库会每日以 JSON 和 CSV 形式发布全部牌价表，并托管在 jsDelivr 上。

代码采用 MIT 许可，可免费使用、修改、商用和分发，分发时需保留版权声明与完整许可声明。汇率数据可免费使用，但需注明来源 AllRatesToday。演示图片、字体、图标等第三方素材的许可需单独核对，域名、托管等外部服务也可能产生费用。

ViteReact工具站

适合你的项目吗？

适用场景

  • 需要一个开箱即用的货币换算前端，接入官方央行牌价数据
  • 在发票、税务申报等场景中需要明确区分直接报价、倒数与交叉汇率
  • 作为 React + Vite 项目的起始模板，在此基础上扩展换算或展示功能
  • 以静态 JSON 或 CSV 形式获取每日央行牌价表，用于离线或批量处理

适合人群

  • 希望快速搭建货币换算页面的前端开发者
  • 需要引用央行官方汇率并标注换算方式的项目
  • 接受每日定盘价、不要求实时行情的工具类站点
  • 愿意保留 MIT 许可声明与数据来源标注的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    在 GitHub 上点击 Use this template，或克隆仓库后执行 npm install 与 npm run dev

  2. 2

    默认接口无需 API 密钥，也不需要自建后端

  3. 3

    若改用实时中间价，需申请免费 API 密钥，并将调用放在服务端以避免密钥暴露

  4. 4

    汇率数据使用时需注明来源 AllRatesToday；第三方素材许可需单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 汇率数据虽可免费使用，但必须注明来源 AllRatesToday，未标注即不符合使用条件。
  • 实时中间价功能需注册获取 API 密钥，且调用必须放在服务端，不能将密钥暴露在浏览器端。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Rate data is free to use with attribution to [AllRatesToday](https://allratestoday.com).

README 原文

For live mid-market rates across 160+ currencies you need a [free API key](https://allratestoday.com/register), and the call must be made from a server so the key is never shipped to the browser.

README 原文
https://github.com/AllRates-Today/react-currency-converter/blob/main/LICENSEhttps://github.com/AllRates-Today/react-currency-converter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-09。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
Vite · React
网站类型
工具站
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-10-08
截图检查日期
2026-10-09

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vite。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-09

查看当时使用的来源资料

SHA-256: 1afe021b04b3b8790dacbefaaead3081b84e32e5956c716678f507dacc2b22bf

2026-10-09T02:29:41.268Z

来源文件 / 仓库
# react-currency-converter

A currency converter in React + Vite that works the moment you clone it. Rates are the **official tables published by 121 central banks and 3 tax authorities** (ECB, Fed, Bank of England, RBI, HMRC and more), fetched from a keyless, CORS-open endpoint. No API key, no backend, nothing to configure.

## Use this template

Click **Use this template** on GitHub, or:

```sh
npm install
npm run dev
```

## How it works

`src/rates.js` fetches `https://allratestoday.com/api/open/central-bank/<bank>` and resolves any pair from the published table: directly, by inverse, or as a cross via the bank's home currency. The UI shows which, because that distinction matters on invoices and tax filings.

Want the same data as static files? [central-bank-exchange-rates](https://github.com/AllRates-Today/central-bank-exchange-rates) publishes every table daily as JSON and CSV on jsDelivr.

## Real-time rates

Official tables are once-a-day fixings. For live mid-market rates across 160+ currencies you need a [free API key](https://allratestoday.com/register), and the call must be made from a server so the key is never shipped to the browser. The [Next.js starter](https://github.com/AllRates-Today/nextjs-currency-starter) shows that pattern.

## License

MIT. Rate data is free to use with attribution to [AllRatesToday](https://allratestoday.com).

## 🔗 Links

- **AI agents:** Claude Code plugin `/plugin marketplace add AllRates-Today/claude-code-plugin` · hosted MCP endpoint `https://allratestoday.com/api/mcp` (keyless)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

vituum

vituum

⚡⚙️ Fast Prototyping with Template Engines in Vite. Small and fast static site generator for Vite.

Vite · 工具站

tropical

tropical

Fast, mostly-just-HTML static sites with islands of client-side JS. Click the "Use this template" button ↖️

Vite · 工具站

readme-builder

readme-builder

Visual drag-and-drop README editor with live GitHub-flavored preview. SEO-optimized templates, 15+ block types…

Vite · 工具站

examify-json-editor

examify-json-editor

Examify JSON Editor (React): A user-friendly web tool for creating, editing, and validating Examify JSON quest…

Vite · 工具站

stacks

stacks

House project templates and the zero-dependency generator that stamps them out. Subtractive: each template is …

Vite · 工具站

helical-qfh-calculator

helical-qfh-calculator

Axial-mode helical (Kraus) and quadrifilar helix (QFH) antenna calculator with 3D preview and printable build …

Vite · 工具站