Почему стили и скрипты не грузятся при динамическом url?

Question

[Артём Лукичев]

Добрый день, если сделать такой роут:

app.get("/work", (req, res) => {
    return res.render("work");
});

, всё работает. Но если его сделать динамическим:

app.get("/work/:id", (req, res) => {
    return res.render("work");
});

На странице /work/1 например не загружаются стили и скрипты, кроме тех, которые подключаются cdn. Вместо них сервер выдаёт html код и в качестве скрипта, и в качестве css. Сейчас ещё заметил, что такое везде если url имеет глубину больше одного (например /work/somework тоже стили и скрипты не загружаются). Как можно решить мою проблему?

Comments

[Михаил]

пути ставьте от рута

[Артём Лукичев]

Михаил, Извините, я вас кажется не совсем понял

[Михаил]

Артем фамилия, код подключения скриптов

[Артём Лукичев]

Извините, опять не понял. Сейчас там есть папка со статикой. И всё работает например на url /

[Михаил]

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

[Михаил]

Артем фамилия, консоль откройте, посмотрите что там написано

[Артём Лукичев]

script(src="js/nav.js")
Это pug

[Артём Лукичев]

и всё работает если url например /work

[Михаил]

Артем фамилия, / в начало пути поставьте

Answer 1

[FinGanapre]

Полагаю, вы неверно отдаёте статические ресурсы. Вот документация

Если в шаблонах указан верный путь до статических файлов и в express вы сконфигурировали отдачу статики правильно, согласно документации, то никаких проблем не будет.

Если вы использовали данный вариант:

app.use(express.static(path.join(__dirname, 'public')))

То в шаблонах пути до папок с css и js должны быть:

<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>

При условии, что статика подключена в index.js и структура каталогов следующая:
index.js
public/css/main.css
public/js/main.js

Comments

[Артём Лукичев]

Вы знаете, я почему-то уверен, что это не так. Ведь если глубина url не превышает 1, всё отдаётся

[FinGanapre]

Артем фамилия, Если в шаблонах указан верный путь до статических файлов и в express вы сконфигурировали отдачу статики правильно, согласно документации, то никаких проблем не будет.

Если вы использовали данный вариант:

app.use(express.static(path.join(__dirname, 'public')))

То в шаблонах пути до папок с css и js должны быть:

<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>

При условии, что статика подключена в index.js и структура каталогов следующая:
index.js
public/css/main.css
public/js/main.js

[Артём Лукичев]

Продублируйте это в ответ, чтобы я его отметил решением

[FinGanapre]

Артем фамилия, готово