Как подключить клиенский js и css к express?

Question

[slemsik]

Добрый день! Использую движок express, мне необходимо подключить клиенский js и css
Погуглил, но способ который нашёл тот-же что и сейчас, но почему-то не работает.

Серверный js:

app.use(express.static(__dirname + '/public/css'));

Подключение css:

<link rel="stylesheet" type="text/css" href="css/index.css">

Подключение js:
<script src="js/index.js"></script>

Каталоги:
/public/css/index.css
/public/js/index.js

Comments

[Виктор Майоров]

app.use(express.static(__dirname + '/public'));

Теперь можно загрузить файлы, находящиеся в каталоге public directory:

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

Документация

Answer 1

[Антон Неверов]

В вопросе вы не указали, что именно не работает, но смею предположить, что указаны неправильные ссылки на статичные файлы.

Во-первых, строкой

app.use(express.static(__dirname + '/public/css'));

Вы открываете доступ только к папке /public/css. Если вы хотите открыть доступ ко всей папке public нужно использовать
app.use(express.static(__dirname + '/public'));

Во-вторых, вы подключаете скрипты и стили без ведущего слеша. Если перейти на внутреннюю страницу сайта, например на /subpath, то браузер будет искать стили в /subpath/css/index.css. Нужно загружать стили и скрипты с ведущим слешем, чтобы они всегда брались из корня:

<link rel="stylesheet" type="text/css" href="/css/index.css">