我正在创建一个网页,我一直在寻找关于如何从.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时。我找不到任何引用此问题的教程。
答案 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>