Почему мой CSS не применяется, когда представление имеет два уровня - PullRequest
Новая
       8

Почему мой CSS не применяется, когда представление имеет два уровня

0 голосов
/ 17 мая 2018

При кодировании моего узла мы применяем приложение, и я ссылаюсь на страницу, на мой взгляд, глубиной 2 уровня, на файлы CSS и JS не ссылаются?

URL http://localhost:1337/permits/Edit/1

... при нажатии я теряю все свои стили CSS и функциональность js, я думаю, это связано с представлением страницы, которая на мой взгляд глубже на 2 уровня, но я не знаю, как решить эту проблему.

app.js 

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

layouts.hbs 

{{> header }}
{{> topbar }}
{{> leftsidebar }}
{{{ body }}}
{{> rightcontentfooter }}
{{> rightsidebar }}
{{> footer }}

header.js 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>...
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/assets/css/style.css" rel="stylesheet" type="text/css">
...
</head>

файл маршрута 

router.get('/Edit/(:id)', function (req, res, next) {

var ID = req.params.id;

res.render('permits/permitRequestEdit', {title: 'Edit my item', id:id});
});

Структура папки 

public
    -- assets
      -- css
      -- js
      -- etc.
routes
    index.js
    permits.js
views
    -- layouts
          layout.hbs
    -- partials
          footer.hbs
          header.hbs
          etc.hbs
    -- permits
          permitRequestAdd.hbs
          permitRequestEdit.hbs
          permitRequestList.hbs
    error.hbs
    home.hbs
    etc.hbs
...