Question

我正在用HTML构建网站，并且我还运行着一个node.js进程，该进程将从名为better-sqlite3的npm包中获取数据。我想获取这些数据，并将其显示在我的网站上。

我不确定如何继续推送数据。我知道如何通过http模块启动服务器，但是我不知道如何使服务器将数据推送到站点。我想要这个数据-

{名称：'xxxxxx'，值：'15324点（24级）'} {name：'yyyyyy'，value：'9643 points（level 19）'}

显示在网站上，并希望适合我的设计。

任何提示都可以给我吗？提前谢谢。

Answer 1

您不能直接在HTML中执行此操作（它主要用于网页布局），还需要一些客户端Javascript来连接到用NodeJs编写的服务器。通过http协议进行通信。服务器公开一个RestApi，并将您指定的对象返回到呈现它的浏览器。

Answer 2

我想您想使用AJAX来获取所需的所有数据。这是您的服务器。（我使用的是快递，但如果没有它，您可以这样做）

<template>
  <div id="app">
    <UserComponent />
  </div>
</template>

<script>
import UserComponent from './components/UserComponent.vue'

export default {
  name: 'app',
  components: {
    UserComponent
  }
}
</script>

这是带有AJAX请求的HTML文件：

var express = require("express");
var app = express();

//Just a setting for enable CORS (Cross-origin resource sharing )
app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

//creating your object
var obj = { 
    name: 'xxxxxx', 
    value: '15324 points (level 24)'
}

//sending your object
app.get("/obj", function(req, res){
    res.json(obj);
});

app.listen("3002", function(){
    console.log("Server is Running");
});

如何将信息从node.js传递到html

2 个答案: