Стили и изображения не отражаются при рендеринге файла EJS - PullRequest
Новая
       11

Стили и изображения не отражаются при рендеринге файла EJS

0 голосов
/ 02 октября 2018

Я работаю над веб-сайтом, и при рендеринге файла ejs (index.ejs) отображается только часть html, а таблицы стилей, шрифты и изображения не отображаются.

Код для связи таблиц стилейis: 

 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>PUBG Tournaments by Regal Gaming</title>
    <!-- load stylesheets -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:100,300,400">
    <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Bootstrap style -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <!-- Magnific pop up style -->
    <link rel="stylesheet" href="css/templatemo-style.css">

Я использую шаблон, и я сохранил структуру каталога.Это означает, что папки css, js, img и fonts находятся в том же каталоге, что и файл index.ejs.

1 Ответ

0 голосов
/ 03 октября 2018

Я разобрался с ответом.

Для рендеринга статических файлов в шаблон ejs необходимо, чтобы файлы находились в общедоступном каталоге.
Добавил это в файл сервера: 

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