Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Não entendi parte da estrutura do projeto.

Não entendi muito bem como o projeto funciona, a pasta server se refere ao backend/api e roda na porta 3000. Na aula "5- Preparando o terreno para o Webpack" o professor levanta ambos os sistemas, e acessa localhost:3000, que na real é a porta da API/pasta server, que não contem nada de estilização... Minhas principais dúvidas são:

  • Em qual porta roda a aplicação client?
  • Como que a porta da aplicação server é acessada e o frontend é aberto? Ficou um pouco confuso. Me da um help!
3 respostas

Fala ai Davi, tudo bem? Realmente ficou um confuso a estrutura e organização, mas, de forma geral o mesmo está rodando na mesma porta.

Ambos rodam na porta 3000 o que muda é cada rota, uma rota bate na API e a outra rota bate no front.

Espero ter ajudado.

solução!

Opa Matheus, agora entendi, o segredo para o funcionamento está no arquivo "server/config/express.js", onde o seguinte trecho de código define o local dos arquivos de frontend:

app.set('clientPath', path.join(__dirname, '../..', 'client'));
console.log(app.get('clientPath'));
app.use(express.static(app.get('clientPath')));

Valeu pelo help!

Fala Davi, é isso ai, fico feliz que tenha resolvido sua dúvida.

Sempre que precisar não deixe de criá-las.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software