Приложение Express js.use () не работает должным образом?

#node.js #express

#node.js #экспресс

Вопрос:

Хорошо, ребята, я следил за руководством по fcc node js для начинающих. У меня возникли проблемы с запуском функции use () из фреймворка express для работы. Я выполнил все шаги (я точно скопировал то, что он делает), но когда я открываю консоль отладки Chrome / Firefox, я вижу, что мои папки не заменены на псевдоним, который я установил (‘static’ вместо ‘public’). Для тех, кому интересно, я застрял на этой части -> https://youtu.be/-FV-moMWRSA?t=230.

мой код:

 const path = require('path');
const express = require('express');
const app = express(); //this function returns an object with many functions

app.use('/public', express.static(path.join(__dirname, 'static')));
app.get('/',
(req, res) => {
  res.sendFile(path.join(__dirname, 'static', 'index.html'));
});

app.listen(3000);
  

мой html:

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/static/css/main.css">
  <script src="/static/js/main.js"></script>
</head>
<body>
  <p>Test paragraph</p>
</body>
</html>
  

кто-нибудь знает, что происходит?

Ответ №1:

У вас неправильные пути в вашем html. Поскольку вы используете /public в своем промежуточном программном обеспечении, в статической папке будут просматриваться только запросы с /public , чтобы увидеть, существует файл с запрошенным именем или нет.

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/public/css/main.css">
  <script src="/public/js/main.js"></script>
</head>
<body>
  <p>Test paragraph</p>
</body>
</html>
  

Надеюсь, это поможет!