Используйте клиентские файлы CSS и JS, связанные с html, с помощью экспресс-приложения на zeit-now - PullRequest
Новая
       33

Используйте клиентские файлы CSS и JS, связанные с html, с помощью экспресс-приложения на zeit-now

0 голосов
/ 21 сентября 2019

У меня есть простое приложение Express, определяющее маршруты для html-файла в моей общей папке.В этом файле index.html я связал мои файлы CSS и JS, которые находятся в той же папке.Когда я использую npm start, он работает без проблем, но когда я публикую его на zeit-now, я получаю ошибку 404 для файла js и "Отказался от применения стиля из 'https://test.julienmerasli.now.sh/public/style.css', потому что его тип MIME (' text/ html ') не поддерживается MIME-типом таблицы стилей, поэтому включена строгая проверка MIME. "для файла CSS. Вот мое размещение: https://test.julienmerasli.now.sh/Вот мой проект: https://gitlab.com/chaudoinblazin/test-zeit-now-css

1 Ответ

0 голосов
/ 25 сентября 2019

Глядя на ваш код - я думаю, что проблема связана с путями, которые вы использовали для ссылки на файлы css и js. 

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="public/style.css">
    <script type="text/javascript" src="public/index.js"></script>
    <title></title>
</head>
<body>
    <button onclick="buttonClicked()">This is a button</button>
</body>
</html>

Файлы, обслуживаемые из папки public, будут доступны из вашего корнявеб-сайта, например, https://test.julienmerasli.now.sh. Прямо сейчас, хотя ваш HTML будет искать файлы CSS и JS в https://test.julienmerasli.now.sh/public.

Так что внутри HTML вам просто нужно удалить часть public наhref и src пути, и это должно работать.

Не уверен, что вы пытаетесь создать, но если вы просто хотите использовать статические или простые файлы API, вам может не понадобиться Express.Проверьте это руководство по миграции для хорошего вступления.

...