浏览器中javascript无法直连数据库，因其受沙箱限制且缺乏数据库协议支持；唯一安全路径是js通过http api调用后端服务，由后端完成数据库操作。
浏览器里没法直接用 JavaScript 连数据库——这不是写法问题，是浏览器安全模型从根本上禁止的。
为什么 fetch 或 XMLHttpRequest 不能连 MySQL/PostgreSQL
浏览器运行的 JS 处于沙箱环境，没有权限访问本地文件系统、网络端口或数据库驱动。你写的 mysql.connect() 或 new pg.Client() 在浏览器里会直接报 ReferenceError: require is not defined 或 TypeError: Cannot read property 'createConnection' of undefined。
- Node.js 有
fs、net、child_process模块，浏览器 JS 没有 - 数据库协议（如 MySQL 的二进制协议）不走 HTTP，浏览器只允许发 HTTP(S) 请求
- 即使强行暴露数据库地址，等于把账号密码、内网拓扑全扔给用户，极其危险
真正能走通的路径：JS → HTTP API → 后端服务 → 数据库
你写的 JS 只能发 HTTP 请求，真正的数据库操作必须交给可控的服务端。常见组合：
- 前端用
fetch('/api/users')，后端（比如 Express +mysql2）收到请求后查库、返回 JSON - 后端框架选型无关紧要：Python Flask/FastAPI、Go Gin、Ruby on Rails 都行，只要它能接 HTTP 并连库
- 不要手写 SQL 拼接，用参数化查询防注入；别把
DB_PASSWORD写死在前端代码里（它一定会被用户看到）
示例片段（前端）：
简灰服装商城整站 For SHOPEX
下载
SHOPEX简灰服装商城整站源码下载。 安装方法:1.解压上传程序至网站根目录.. 访问:域名/bak.(用户名:admin 密码:123456)2.进入帝国备份王后,配置数据库数据库信息.选择-www.taomoban.net目录.还原数据库.3.修改FTP目录下的config/config.phpphp 数据库连接信息.4.登陆网站后台--清空缓存..5.删除bak文件夹 后台:shopadm
立即学习“前端免费学习笔记（深入）”；
fetch('/api/posts', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ title: 'Hello' })
})
哪些“看起来像直连”的方案其实是障眼法
有人提到 sqlite3-wasm、idb、localStorage，它们都不是“连数据库”，而是：
-
sqlite3-wasm：在浏览器内存里跑一个 SQLite 实例，数据只存在当前页面，关掉就丢，不连任何远程库 -
idb（IndexedDB 封装）：浏览器内置的键值+对象存储，不是关系型数据库，不支持 SQL JOIN 或事务跨 store -
Prisma Client浏览器端？不行。它生成的是 Node.js 运行时代码，依赖fs和原生模块
真正要连生产数据库，就得接受「JS 只负责发请求，不碰连接字符串、驱动、事务控制」这个边界。越想绕开后端，越容易把敏感信息晒在 network 面板里。
