Статические файлы в Express рендеринг необработанного кода вместо рендеринга правильного HTML - PullRequest
Новая
       16

Статические файлы в Express рендеринг необработанного кода вместо рендеринга правильного HTML

0 голосов
/ 02 апреля 2019

Я хочу, чтобы якорная ссылка в моем файле layout.hbs указывала на layout2.hbs.Однако вместо этого он отображает страницу исходного кода, а не правильный HTML.

Мои консольные сообщения: 

GET / 304 28.673 ms - -
GET /homepage.css 304 5.198 ms - -
GET /print2.css 304 8.190 ms - -
GET /layout2.hbs 304 0.555 ms - -

Мой файл index.js, содержащий маршрутизацию: 

var express = require('express');
var router = express.Router();
var db = require('monk')('localhost:27017/');
var userData = db.get('user-data');
var app = require('express')();

router.use(express.static('./views'));

router.get('/', function(req,res,next){
    res.render('layout');
});

router.get('/layout2', function(req,res,next){
    res.render('layout2');
});

module.exports = router;

Мой файл app.js, содержащий рули и express.static код: 

var express = require('express');
var app = require('express')();
var path = require('path');
var port = require('port');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var hbs = require('express-handlebars');
const queryString = require('query-string');

var routes = require('./routes/index.js');
var app = express();

// view engine setup
app.engine('hbs', hbs({extname: 'hbs', defaultLayout: 'index', layoutsDir: __dirname + '/views'}));
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', '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.use(express.static(path.join(__dirname, 'views')));


app.use('/', routes);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});


module.exports = app;

Якорная ссылка в layout.hbs: 

<a target="a_blank" rel="noreferrer" href="/layout2.hbs"><img class="column2 arrow" src="http://i.imgur.com/FrvlU9D.png" alt="Arrow" title="Cleric Beast"/></a>

Моя папка файлов: 

projectFolder
      │
      |
      |   
    public------print2.css
      |         style.css     
      |           
      | 
      |   
    routes-------index.js
      |
      |
      |
    views-------layout.hbs
      |         layout2.hbs
      |         index.hbs
      |
    app.js
  package.json

Я ожидаю, что при нажатии ссылки привязки в layout.hbs будет отображаться layout2.hbs.В то время как layout2.hbs загружается - он обслуживает страницу кода вместо отображения правильного HTML.

Ответы [ 2 ]

0 голосов
/ 03 апреля 2019

ответ, который я использовал, состоял в том, чтобы изменить мои .hbs файлы на .html файлы.Это правильно загрузило страницы для моих целей.

0 голосов
/ 02 апреля 2019

В настоящее время ваш маршрутизатор знает, как отображать шаблон «макета», когда клиент попадает в корень «/».В коде маршрутизатора добавьте следующие строки: 

router.get('/layout2', function(req,res,next){
    res.render('layout2');
});

А в шаблоне руля ссылка должна содержать ссылку "/ layout2"

...