404 ошибка экспресс-маршрутов - PullRequest
Новая
       17

404 ошибка экспресс-маршрутов

0 голосов
/ 05 июня 2018

У меня проблемы при попытке доступа к другим маршрутам со страницы индекса.Я могу попасть в указатель без проблем, но любой другой маршрут я получаю ошибку 404.Остальные маршруты практически одинаковы, поэтому я не уверен, что происходит.Есть идеи, что я делаю не так?Спасибо.

Вот мой app.js: 

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var aboutRouter = require('./routes/about');
var workRouter = require('./routes/work');
var projectRouter = require('./routes/projects');
var donateRouter = require('/routes/donate');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/about', aboutRouter);
app.use('/work', workRouter);
app.use('/projects', projectRouter);
app.use('/donate', donateRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

Вот маршрут index.js: 

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res) {
  res.render('index'){
    if(err){
      console.log(err);
    }
  };
});

module.exports = router;

Вот новый маршрут about.js:

var express = require('express');
var router = express.Router();

/* GET about page. */
router.get('/about', function(req, res, next) {
  res.send('about page'){
    if(err){
      console.log(err);
    }
  };
});

module.exports = router;

Я использую партиалы, поэтому вот header.ejs. 

<!DOCTYPE html>
<html>
  <head>
    <title>Africa Foundation</title>
    <link rel='stylesheet' href='/stylesheets/bootstrap.min.css' />
    <link rel='stylesheet' href='/stylesheets/main.css' />
    <script src='/javascripts/fontawesome-all.min.js'></script>

  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="/">
        <img id='af-logo-nav' src='/images/swirl.png'>
        <span>Africa Foundation</span>
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="/about">About <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/work">Our Work</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/projects">Projects</a>
          </li>
          <li class="nav-item">
            <a class="nav-link btn-btn-warning" href="/donate">Donate</a>
          </li>

        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
      </div>
    </nav>
    <div class="bg">

1 Ответ

0 голосов
/ 06 июня 2018

Я считаю, что с вашим текущим кодом маршрут, по которому вам нужно будет перейти, будет / about / about, чтобы он работал.Проверьте, работает ли это и работает ли это.Измените ваш app.use ('about', aboutRouter) на app.use (aboutRouter).Тогда ваш маршрут должен работать как положено.Это связано с тем, что настройка «about» в app.use устанавливает виртуальный маршрут sortof

...