Olá pessoal, estou desenvolvendo uma página web com o node onde a view engine está sendo utilizada a "EJS".
Porém, ao criar as rotas e tentar renderizar a view, o css e js externos não estão sendo carregados. Alguém poderia me ajudar ?
Express.js
var express = require('express');
var consign = require('consign');
var bodyParser = require('body-parser');
var expressValidator = require('express-validator');
var path = require('path');
module.exports = function()
{
var app = express();
app.set('view engine', 'ejs');
app.set('views', './views');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}));
app.use(express.static(path.join(__dirname, '/public')));
app.use(expressValidator());
consign()
.include('routes')
.then('infra')
.then('servico')
.into(app);
return app;
}
Produtos.ejs:
<!DOCTYPE html>
<html>
<head>
<title>Página de teste Produtos</title>
<link rel="stylesheet" type="text/css" href="/css/produtos.css">
</head>
<body>
<h1>TESTANDO EJS</h1>
</body>
<script type="text/javascript" src="/js/alerta.js"></script>
</html>
Estrutura - root - public - css - js - views - produtos.ejs
E a rota está bem simlpes
module.exports = function(app){
app.get('/produtos', function(req,res){
res.render('./produtos');
})
}