Question

我在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>

我的相关node.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

如果有人能发现我遗失的内容，我会非常感激，因为我似乎无法找到任何使用多个网页的教程！

Answer 1

它无法正常工作，因为在<a class="button_horizontal" href="index.ejs">HOME</a>中您指向index.ejs页面，而不是指向node.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>

并在 app.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', { });
});

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

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

1 个答案: