在嵌套目录中使用Express提供静态文件服务

Question

我不是第一次使用Express并渲染模板视图，但最近我尝试了一个新的目录结构，这似乎让我的应用程序实例感到困惑。

它不再提供我的静态引导、CSS和图像文件，现在我的视图看起来很混乱。

以下是我的目录结构：

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>

但是我仍然无法将这些文件提供给我的视图。我卡在这里了。 有人能帮帮我吗？谢谢。

- user9358862

---

在 app.js 中尝试只使用 app.use(express.static('public'));。 - mmm

那么，mycss和bootstrapcss等是文件还是目录？ - devius

@mmm，它不起作用。 - user9358862

你在视图中更改了这些资源的路径了吗？ - devius

@devius，好的...我会编辑这个问题。 - user9358862

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">

- thomann061

---

没有错误...只是相同的普通HTML或在这种情况下是EJS。我已经将所有文件从src文件夹中移除到根目录，它可以工作了。 - user9358862