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

标签 javascript node.js express template-engine

我有一个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/

相关文章:

javascript - 使用 CSS/JS 在每一行的开头或结尾附加一些内容?

javascript - 从头开始在 NodeJs 中编写 JSON 验证

Node.js 速率限制器身份验证 token 而不是 IP 地址

javascript - Kue中如何返回jobID?

javascript - 如何使用非常规方法从 NodeJS 中的异步函数传递数据?

mysql - 如何将我的 MEAN 应用程序转换为使用 mySQL

javascript - 如何理解javascript生成器?

javascript - 绘制直线D3.js

javascript - Angular-UI Bootstrap 日期选择器问题

node.js - 如何使用 Nodejs 和 spawn 在 Windows 10 上以管理员身份运行一些 CMD 命令?