mailto链接无法直接发送邮件，仅能唤起本地邮件客户端并预填字段；常见“没反应”源于URL编码错误、参数格式违规、系统未注册默认客户端或用户设备无邮件应用。
点击链接不能直接发送邮件，mailto: 只能唤起本地默认邮件客户端并预填字段——这是协议本质决定的，不是 bug，也不是配置问题。
mailto 链接为什么点开没反应
绝大多数“没反应”都源于 URL 编码错误或参数格式违规：
- 中文、空格、换行、标点（如
!、?、@）未用encodeURIComponent()编码，浏览器直接截断链接 - 误把
body中的换行写成\n，实际必须是%0D%0A（即\r\n） - 收件人邮箱里混入全角逗号、空格或中文字符，比如
admin＠example.com（全角 @） - 在 iOS PWA 或某些企业定制 Android 平板上，系统未注册默认邮件客户端，点击后静默失败，无提示
to / subject / body / cc / bcc 参数怎么拼才有效
所有参数必须以 ? 开头、& 分隔，且仅支持标准字段；HTML 中要写成 & 而非 &：
-
to是唯一可放在mailto:后面不带?的字段，多个邮箱用英文逗号分隔：mailto:a@example.com,b@example.com -
subject和body必须编码：空格 →%20，换行 →%0D%0A，“你好” →%E4%BD%A0%E5%A5%BD -
cc和bcc支持多地址，同样用英文逗号分隔，但部分客户端（如 Outlook 桌面版）可能忽略bcc - 不支持附件、不支持自定义 headers、不支持 HTML 格式正文
Angular/React/Vue 项目里怎么安全生成 mailto 链接
动态拼接时别手写 URL，必须用 encodeURIComponent() 处理每个参数值：
立即学习“前端免费学习笔记（深入）”；
const email = 'support@example.com';
const subject = encodeURIComponent('反馈问题');
const body = encodeURIComponent('页面加载异常%0D%0A请检查控制台日志');
const link = `mailto:${email}?subject=${subject}&body=${body}`;
// 渲染为 <a href="${link}">发送反馈</a>
- Vue 模板中避免直接插值拼接，应先在
computed或setup()中编码好再绑定 - Angular 模板中不要用插值表达式拼
href，推荐在组件类里生成完整字符串并绑定到[href] - 如果
body来自用户输入，务必截断长度（建议 ≤ 2000 字符），过长会导致部分客户端崩溃或丢弃内容
最易被忽略的一点：mailto 不校验邮箱格式，也不触发任何网络请求——它只是把字符串交给操作系统。所以即使链接语法完全正确，若用户设备没装邮件客户端、或默认程序被禁用，就什么都不会发生，前端也拿不到任何错误反馈。
