如何将MySQL数据库连接到ReactJS应用程序？

Question

我已经用create-react-
app构建了一个Todo应用。我正在使用的商店基于本地存储（对象窗口的JS属性）。现在，我创建了一个MySQL数据库，并希望连接到该数据库，因此状态将显示数据库中的值，并将通过操作进行更新。

我尝试使用db.js通过“节点”控制台连接到数据库并输出值。有用。

const mysql = require('mysql');

const con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "root",
  database: 'root'
});

con.connect(function(err) {
  if (err) throw err;
  con.query("SELECT * FROM tasks", function (err, result, fields) {
    if (err) throw err;
    console.log(result);
  });
});

是否可以使用此脚本将应用程序的状态连接到数据库？

Answer 1

您无法直接连接它们。

在网络浏览器中运行的JavaScript不能说MySQL协议（也不能建立用JS编写实现所需的 原始 网络连接）。

相反，创建一个Web服务（使用您选择的编程语言，可以是在Node.js上运行的JavaScript（例如，您已经拥有的代码+ Express.js
+一些胶水），然后使用Ajax与之通信。