Express-ejs-layouts モジュールを使用しようとしています。2 番目のルートを試すと、ブラウザは 2 番目の EJS ファイルの下にある JS および CSS リソース ファイルを見つけます。これは、私が 2 番目のルート関数に書き込んだものです。
私は何をすべきか？
私のレイアウトは、次のような最初のルート プロセスで適切に表示されます。
私の最初のルート。
app.get('/', function(req, res) {
res.render('home/index');
});
私のlayout.ejsファイル;
<!DOCTYPE html>
<html lang="tr">
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<% include navbar %>
<%- body %>
<script src="js/jquery.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
</body>
</html>
これまでのところ、すべてが良好です。リソース ファイル (css と js) がリンクされ、home/index.ejsが正しく表示されます。そして、次のような 2 番目のルートを試します。
私の2番目のルート。
app.get('/user/:id', function(req, res) {
res.render('user/index');
});
私のブラウザ コンソールには以下のエラーが表示されます。
Failed to load resource: the server responded with a status of 404
(Not Found) http://localhost:1337/user/bootstrap/css/bootstrap.css
Failed to load resource: the server responded with a status of 404
(Not Found) http://localhost:1337/user/css/styles.css
Failed to load resource: the server responded with a status of 404
(Not Found) http://localhost:1337/user/js/jquery.js
Failed to load resource: the server responded with a status of 404
(Not Found) http://localhost:1337/user/bootstrap/js/bootstrap.js