渲染 ejs 文件时样式表和图像未反映答案

【问题标题】：Stylesheets and images not reflecting while rendering ejs file渲染 ejs 文件时样式表和图像未反映
【发布时间】：2018-10-02 20:21:52
【问题描述】：

我在一个网站上工作，在渲染一个 ejs 文件（index.ejs）时，只显示了 html 部分，同时没有显示样式表、字体和图像。

链接样式表的代码是：

 <!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文件在同一个目录。

【问题讨论】：

标签： html node.js express directory ejs

【解决方案1】：

我想出了答案。

将静态文件渲染到 ejs 模板中需要文件位于公共目录中。
将此添加到服务器文件中：

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

【讨论】：