使用Node.js将MySQL数据打印到HTML页面

Question

这是我第一次学习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.log);
        </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.log('Connected to port 3000!');
});

Answer 1

您缺少用于通过index.html页面路由请求的中间件代码。 举例来说，您已经在app.js设置了const变量，如下所示：

const indexRouter = require("./app_server/router/index.html");

您可以这样渲染html页面：

app.use("/", indexRouter);

如果您想使用express.static中间件来提供public文件夹中的静态文件，只需使用：

app.use(express.static(__dirname + "/public"));

使用Node.js将MySQL数据打印到HTML页面

问题描述

1 个解决方案

解决方案1
3 已采纳 2018-05-02 12:30:55

使用Node.js将MySQL数据打印到HTML页面

问题描述

1 个解决方案

解决方案1 3 已采纳 2018-05-02 12:30:55

解决方案1
3 已采纳 2018-05-02 12:30:55