я не могу подключить CSS-файл к HTML-файлу на сервере node.js.

Question

Я создаю приложение чата с Express, Node.js и socket.io.

Я пытался связать мой CSS-файл chat.css с HTML-файлом index.html без успеха 3 дня.

index.js

index.html

Answer 1

Вот что происходит (высокоуровневое объяснение)

1. Браузер отправляет запрос на загрузку файла HTML index.html.
2. Затем,браузер выполнит некоторые задачи, одна из них - загрузка ресурсов, таких как js, CSS и т. д.
3. HTML-ресурс расположен в assets/chat.css, это имя пути принадлежит текущему домену, поэтому браузерделает запрос, например, http://domain/assets/chat.css.
4. Серверная сторона получает этот запрос, однако у экспресс-приложения нет настроенной конечной точки с именем /assets/chat.css, и, вероятно, вы получаете HTTP-код 404 Не найдено.

Решением может быть добавление следующего в файл index.js

app.get('/assets/chat.css', function() {
  //set headers to the response.
  // Of course, you know where the chat.css file is stored, this is an example
  res.sendFile(parent_folder + '/public/css/chat.css');
});