Express 在嵌套目录中提供静态文件

Question

我对使用快速和呈现模板视图并不陌生，但最近我尝试了一种新的目录结构，这似乎混淆了我的应用程序实例。

它不再为我的 static bootstrap, css and image 文件提供服务，我的视图现在看起来一团糟。

这是我的目录结构

AppName
 - node_modules folder
 - src (all code live here)
        - public (statics)
             - css/mycss, bootstrapcss
             - js/ myjs, bootstrapjs
             - images folder
        - models
        - app.js (entry point)

静态文件似乎比根目录深两级。在我的 app.js 文件中，我试过像这样使用 express static method：

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

也试过这个：

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

在我看来，例如静力学是这样称呼的：

<link href="../public/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../public/fonts/glyphicons-halflings-regular.ttf">
<link rel="stylesheet" href="../public/css/styles.css" type="text/css">

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.2/classic/ckeditor.js"></script>

但仍然无法将这些文件提供给我查看。我坚持这个。有人可以帮我吗？谢谢

Answer 1

试试这个：

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

还有这个：

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/fonts/glyphicons-halflings-regular.ttf">
<link rel="stylesheet" href="/css/styles.css" type="text/css">

Express 在嵌套目录中提供静态文件

Express serve static files in nested directory

ejs

static-files

node.js

express