快速表示两个静态文件目录

Question

我的文件夹结构如下：

public
  css
  html
    main
      pllanet.html
server
  server.js
src
  img
  js

public文件夹包含所有 HTML 和 CSS 代码，src文件夹包含 img 和 js 文件。在服务器.js中，我使用 Express 指示静态文件目录如下：

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

当我打开 pllanet.html 时，应用程序似乎没有选择第二个目录，因为图像不会加载。在 pllanet.html 文件中，我有如下 css 路由：

    <link rel="stylesheet" href="../../css/main/pllanet.css">
    <link rel="stylesheet" href="../../css/main/home.css">

有人可以帮我吗？我真的被困住了。另外，我的文件夹结构是一种好的做法吗？

非常感谢你们的帮助。

Answer 1

你可以实现virtual path

为 express.static 提供的文件创建虚拟路径前缀(其中路径实际上并不存在于文件系统中(

app.use('/static', express.static('public'))

在代码中，您可以：

app.use('/public', express.static(path.join(__dirname, "../public")));
app.use('/resource', express.static(path.join(__dirname, "../src")));
// and link in html like
<link rel="stylesheet" href="/public/css/main/pllanet.css">
// img or js
<link rel="stylesheet" href="/resource/img/someimage.jpg">