表单提交地址必须是可公开访问的url,否则扫码无法打开;应部署到公网服务如github pages,避免本地、内网或未部署地址,并用qrcode.js动态生成带高容错的二维码。

表单提交地址必须是可公开访问的 URL
生成二维码的本质,是把一个能直接打开并填写的表单链接转成图像。如果 action 指向的是本地文件(如 file:///form.html)、内网地址(如 http://192.168.1.100/form.html)或未部署的开发服务器(如 http://localhost:3000/submit),扫码后手机根本打不开。
实操建议:
- 确保表单页面已部署到有公网域名的服务上,比如 GitHub Pages、Vercel、Netlify 或自己的 Nginx 服务器
- 检查浏览器地址栏:扫码前先手动在手机 Safari/Chrome 里粘贴这个 URL,确认能正常加载和提交
- 避免使用带 session 或登录态校验的跳转页——二维码是一次性静态链接,无法携带登录凭证
用 QRCode.js 在页面里动态生成最稳妥
比起用在线二维码生成网站手动截图,直接在表单页嵌入 QRCode.js 更可靠:链接实时同步、无需人工更新、还能加 logo 或响应式适配。
易学易用:友好的系统操作界面,无须具备专业知识,即可熟练的使用系统。功能完善:具备新建、修改、明细、审批、导入、导出、删除、批量、打印等功能。模型开发:自定义表单字段选项零代码二次开发,可无限扩展后台功能模块。 维护方便:基于互联网技术B/S体系结构,实施快速,极大的减少系统升级维护工作。售后保证:专业的技术研发团队,可提供可靠的产品迭代、版本升级和技术支持服务。超低成本:一次投入终身使用、用户不
常见错误现象:生成的二维码扫出来是空白页或 404 —— 大多因为 QRCode.toCanvas() 执行时目标 DOM 元素还没挂载,或传入了错误的 URL 字符串(比如漏了 https://)。
立即学习“前端免费学习笔记(深入)”;
实操建议:
- 在表单 HTML 底部引入:
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/dist/qrcode.min.js"></script>
- 确保调用时机:用
document.addEventListener('DOMContentLoaded', ...)或放在










