gpt4 book ai didi

javascript - 使用express包和EJS模板引擎在node.js服务器上的两个网页之间建立href链接

转载 作者:行者123 更新时间:2023-12-03 05:22:23 24 4
gpt4 key购买 nike

我有一个server_render.js,如下所示。我使用了 NPM 的 express 包。我在 views 目录中有两个网页,一个是 home.ejs ,另一个是 portal.ejs 。我使用了EJS模板引擎。

var express=require('express')
var app=express()
const port=process.env.PORT || 10002

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

//template engine
app.set('view engine','ejs');

//homepage
app.get('/',function(req,res){
res.render('home.ejs');
})
//signin page: 127.0.0.1:10002/signin
app.get('/signin',function(req,res){
res.render('portal.ejs');
});

//run nodejs loop server
app.listen(port,function(err){
if(err){
throw err
}
console.log('server is listening on '+port+' ...')
})

views/home.ejs 看起来像这样:

<!DOCTYPE html>
<html lang='en'>
<head>
<title>Portal</title>
</head>
<body>
<div>You need to <a href='portal.ejs'>sign-in</a></div>
</body>
</html>

views/portal.ejs是这样的:

<!DOCTYPE html>
<html lang='en'>
<head>
<title>Portal</title>
</head>
<body>
<input name="username" id="username" type="text" placeholder="username"></input>
<input name="password" id="password" type="text" placeholder="password"></input>
</body>
</html>

我想创建从 home.ejsportal.ejs 的链接。我尝试了 href="portal.ejs" 但它不起作用。我想知道有什么方法。

最佳答案

您无法链接到实际的 ejs 文件。在您的代码中,您声明了以下路径:

    //homepage
app.get('/',function(req,res){
res.render('home.ejs');
})
//signin page: 127.0.0.1:10002/signin
app.get('/signin',function(req,res){
res.render('portal.ejs');
});

这意味着您的 Express 应用的网址为“/”和“/signin”。在这两个路径中,您已声明将 home.ejs 或 Portal.ejs 呈现为输出 HTML。

只需将链接指向“/”和“/signin”,而不是实际的模板文件。

关于javascript - 使用express包和EJS模板引擎在node.js服务器上的两个网页之间建立href链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41319666/

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