如何从.html页面链接到.ejs页面?

时间:2017-10-26 10:53:40

标签: javascript html css node.js express

我正在创建一个网页,我一直在寻找关于如何从.html文件链接到.ejs文件的stackoverflow。

人们会说以下

在index.html中:

<li><a href="views/twitter">Twitter</a></li>

在script.js中:

app.get('/twitter',function(req,res){
 res.render('twitter', { });
});

但它对我不起作用。它说“找不到你的文件”

然而,当我把.ejs放在后面时,就像这样:

<li><a href="views/twitter.ejs">Twitter</a></li>

我可以访问该页面,但没有css。我知道我需要创建一个控制器,所以我也可以看到css,但是如何?如何链接它以便我可以正确查看?它适用于localhost,但不是在我第一次点击index.html然后从那里点击twitter.ejs时。我找不到任何引用此问题的教程。

1 个答案:

答案 0 :(得分:1)

首先将您的视图引擎设置为ejs。

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

接下来,告诉快递您的ejs文件位于&#39; views&#39;文件夹中。

app.set('views', path.join(__dirname, 'views'));

为了提供诸如css,js,images等静态文件。将这些文件放在一个文件夹中,例如:public。现在告诉express提供这些静态文件:

app.use(express.static(path.join(__dirname, 'public')));

在index.html中:

<li><a href="/twitter">Twitter</a></li>