Распечатайте данные MySQL на HTML-страницу с помощью Node.js
Я впервые изучаю Node.js. Я пытаюсь распечатать данные MySQL на своей HTML-странице, но всякий раз, когда я загружаю свой веб-сайт в браузере http://localhost:3000/index.html, я получаю на веб-странице следующее сообщение: Cannot GET /index.html. Однако, когда я загружаю этот http://localhost:3000/rows/ в браузер, я получаю данные из MySQL в виде выходного [{"ID":1,"Name":"Wendy Smith","Message":"Hello, how are you?"}].
Я разместил код ниже. Я изо всех сил пытаюсь решить эту проблему.
index.html
<html>
<head>
<title>My db rows</title>
</head>
<body>
<h1>My Data</h1>
<div id = "output"></div>
<script type = "text/javascript">
var opts = {
url: 'http://localhost:3000/rows/'
};
fetch(opts)
.then((res) => {
if (res.ok) {
return res.json();
}
})
.catch(console.info);
</script>
</body>
</html>
server.js
var express = require('express');
var app = express();
app.use(express.static('public'))
var mysql = require('mysql');
var connection = mysql.createConnection({
host: "localhost",
user: "root",
password: "",
database: "mywebsite"
});
app.get('/rows', function (req, res) {
connection.connect();
connection.query('SELECT * FROM users', function(err, rows, fields) {
connection.end();
if (err) throw err;
res.json(rows);
});
});
app.listen(3000, function () {
console.info('Connected to port 3000!');
});
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вам не хватает кода промежуточного программного обеспечения для маршрутизации запроса через страницу index.html. Скажем, например, вы установили переменную const в своем app.js как таковую:
const indexRouter = require("./app_server/router/index.html");
Вы можете визуализировать страницу html как таковую:
app.use("/", indexRouter);
Если вы хотите использовать промежуточное ПО express.static для обслуживания статических файлов, находящихся в папке public, просто используйте:
app.use(express.static(__dirname + "/public"));
Можете ли вы проверить это, не определяя константную переменную как таковую: app.use ("/", function (req, res) {res.send ("This is a test");}
Что ты имеешь в виду ? Вы разобрались?
This is a test отображается на моей веб-странице
Это означает, что у вас есть решение :) Вам просто нужно подключить свою страницу html к коду, где бы она ни находилась в вашем локальном каталоге.
Как это: app.use('/', express.static(__dirname + '/'));
Вы разобрались с этим? Если вы хотите использовать промежуточное ПО express.static, я отредактирую свой ответ.
Это работает, но данные из MySQL не отображаются на моей HTML-странице.
Я использовал это первым: app.use('/', express.static(__dirname + '/'));
Тогда я использовал это: app.use('/', function(req, res) { res.sendFile(__dirname + '/index.html'); });
В ответе сервера получаю
Error: Cannot find module