链接在具有 node.js 和 ejs 的多页站点中不起作用

Links not working in multipage site with node.js and ejs

本文关键字：站点 不起作用 ejs node js 链接      更新时间：2023-09-26

我在node.js/ejs中的多页网站出现问题。 我认为这是一个路线问题，但我相信我的路线设置正确。 我的索引页面呈现正常，但是当我尝试访问页面上的链接时，出现"无法获取/"错误。

我的相关前端代码：

<nav id="main_nav">
<a class="button_horizontal" href="index.ejs">HOME</a>      
<a class="button_horizontal" href="about.ejs">ABOUT</a>
<a class="button_horizontal" href="portfolio.ejs">PORTFOLIO</a>
<a class="button_horizontal" href="events.ejs">EVENTS</a>
</nav>

我的相关节点.js代码：

app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(favicon(path.join(__dirname, 'public/images', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.set('view options', __dirname + '/views/pages/layout');
app.set('images', __dirname + '/public/images');
app.use('/', routes);
app.use('/users', users);
// Create server
var server = http.createServer(app).listen(4000,function(){
    console.log("We have started our server on port 4000");
});
// Load website
app.get('/', function(req, res) {
    res.render('index', { });
});

还有我的文件结构：

views/
    index.ejs
    about.ejs
    portfolio.ejs
    events.ejs
public/
    css/
    images/
    js/
routes/
    index.js
    users.js

如果有人能发现我缺少的内容，我将不胜感激，因为我似乎找不到任何为网站使用多个页面的教程！

它不起作用，因为<a class="button_horizontal" href="index.ejs">HOME</a>您指向index.ejs页面，而不是节点.js应用程序的任何路由。

相反，你应该有

<a class="button_horizontal" href="/">HOME</a>      
<a class="button_horizontal" href="/about">ABOUT</a>
<a class="button_horizontal" href="/portfolio">PORTFOLIO</a>
<a class="button_horizontal" href="/events">EVENTS</a>

并在应用程序中.js

app.get('/', function(req, res) {
   res.render('index', { });
});
app.get('/about', function(req, res) {
   res.render('about', { });
});
app.get('/portfolio', function(req, res) {
   res.render('portfolio', { });
});
app.get('/events', function(req, res) {
   res.render('events', { });
});

如果您有任何疑问，请告诉我。

相关文章：