如何在 EJS 递归视图文件夹中提供静态文件？答案

【问题标题】：How to serve static files inside EJS recursive view folder?如何在 EJS 递归视图文件夹中提供静态文件？
【发布时间】：2020-10-31 00:35:06
【问题描述】：

Suppose i have the following directory.

 |--Views/
 |    --partial/
 |       --links.ejs
 |
 |--assets/
 |    --css/
 |      --styles.css
 |
 |--server.js

links.ejs

的代码

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

SERVER.JS 的代码

const express = require("express");
const path = require('path');

let app = express();

app.set('view engine', 'ejs');

app.use( express.static("/assets/"));
app.use(express.static("bootstrap/css/"))

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

console.log(a);

app.listen(8000);

而且我想在部分文件夹中提供静态文件“资产”文件夹。如何在 express 中创建相对路径以在我的 links.ejs 代码中提供 css 文件？不知道这些是否支持快递？

【问题讨论】：

标签： javascript html css node.js express

【解决方案1】：

在您的目录级别创建一个名为 public 的文件夹
将您的 app.use 语句设置为 app.use(express.static(__dirname + "/public"));
通过 <link href="/assets/css/styles.css" rel="stylesheet"> 引用您的静态目录（例如，使用您的 CSS 表）

【讨论】：