gpt4 book ai didi

Node.js + Express 基本语法解释

转载 作者:太空宇宙 更新时间:2023-11-04 01:49:25 25 4
gpt4 key购买 nike

我刚刚开始看到有关 Node.js 的初学者教程。它使用以下内容:

const express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.listen(process.env.PORT || 80)

在地址栏中,它显示为 localhost/test.html 而不是 localhost/public/test.html - 所以在 Node.js 中,无论项目结构如何,您都可以控制地址栏上的内容,就像在 PHP 中一样?

或者app.use只是一次性声明,确定根在哪里?例如 htdocs/var/www/html。因为您可能无法同时做到这两点:

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

最佳答案

使用 app.use 您正在附加中间件。

如果您想在所有路由逻辑中使用中间件,您可以这样做:

app.use(middlewareHere);

或者您可以在使用该中间件时定义精确的路由前缀:

app.use('/someRouteHere', middlewareHere);

因此,对于您的情况,请执行以下操作:

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

你告诉它要这样表达:

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

这意味着在处理下一个路由处理程序之前,在各种路由中调用 express.static 中间件。

如果您想使用它,例如:localhost/public/test.html

您必须像这样附加中间件:

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

这样做更安全:

app.use(express.static(__dirname + '/'));

因为通过定义确切的路由,您将静态文件处理隔离到确切的文件夹和其他可能保留静态处理程序无法访问的敏感数据(密码、信用)的内部文件。

但最佳实践是将静态文件保留在 Assets 文件夹中并将index.html作为根路由处理:

app.use('/assets', express.static(__dirname + '/assets'));

const indexFile = fs.readFileSync(__dirname + '/assets/index.html');
app.all('/', (req, res) => res.status(200).send(indexFile);

附注我建议您阅读official manual了解路由逻辑。



更新:

这部分与您的问题没有直接关系,只是供您发表评论。

这只是一个例子。更详细地了解如何以及为什么等阅读文档并谷歌它。 (:

假设您想要从数据库获取数据并将该数据注入(inject)到 .html 文件中的占位符中。

所以它会是这样的:

const ejs = require('ejs'); 
app.set('view engine', 'html');
app.engine('html', ejs.renderFile);
app.set('views', __dirname + '/assets'); // since You want to keep html and other static files together

app.use('/assets', express.static(__dirname + '/assets'));

app.get('/profile', (req, res) => {
const userId = req.session.userId;
db.query(
'SELECT * FROM users WHERE id = ? LIMIT 1',
[userId],
(error, rows) => {
cons user = rows[0];
res.render('profile', {user}); // passing user object to view
});
});

并在您的profile.html中:

<html>
</head>
<link rel="stylesheet" type="text/css" href="/assets/css/styles.css" />
</head>
<body>
Hello <b><%= user.username %></b>
</body>
</html>

关于 php 短开放标签示例中的循环等的迷你 ejs 教程:

<% let counter = 0; %>
<% while(counter < 100) { counter++; %>
<%= counter %>
<% } %>

关于Node.js + Express 基本语法解释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50288735/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com