,可以通过以下步骤实现:
app.js
。app.js
文件中,引入Node.js的核心模块http
和url
,以及创建一个数组用于展示。const http = require('http');
const url = require('url');
const items = ['Item 1', 'Item 2', 'Item 3'];
const server = http.createServer((req, res) => {
const parsedUrl = url.parse(req.url, true);
// 判断请求路径是否为根路径
if (parsedUrl.pathname === '/') {
res.writeHead(200, { 'Content-Type': 'text/html' });
// 遍历数组项,并将其以列表形式输出到页面
res.write('<ul>');
items.forEach((item) => {
res.write(`<li>${item}</li>`);
});
res.write('</ul>');
res.end();
}
});
const port = 3000;
server.listen(port, () => {
console.log(`Server running at http://localhost:${port}/`);
});
在命令行中进入项目文件夹,并执行以下命令:
node app.js
http://localhost:3000/
,即可在一页中显示数组的项。这样,当访问根路径时,服务器会将数组的每一项以列表形式输出到页面中。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联想控股</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap-responsiv.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/dataTables.bootstra.css">
</head>
<body>
领取专属 10元无门槛券
手把手带您无忧上云