express js - 如何为多个子文件夹设置静态文件？答案

【问题标题】：express js - how to set static file for multiple sub-folder?express js - 如何为多个子文件夹设置静态文件？
【发布时间】：2017-06-08 23:06:47
【问题描述】：

如何为多个子文件夹设置静态文件？在 app.js 我设置：

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

和我的公共结构：

- public
   - admin
      - images
      - css
      - js
   - site
      - images
      - css
      - js

我无法在 admin/images 中获取图片：

img(src="logo.png")

【问题讨论】：

试试 img(src="admin/images/logo.png")
其实我试了img(src="../admin/images/logo.png") 是对的，但是如果加载到另一个页面（不同的url）就会出错。
这取决于您使用来自服务器端还是客户端的 url。在服务器上，尝试 img(src="./public/admin/images/logo.png") 这样路径相对于服务器上的根目录。在客户端 ./public/* 是 root
我做了：img(src=baseUrl+"admin/images/logo.png") with baseUrl 是 baseUrl = 'http://' + host + ':' + port 的全局变量；
为了能够提供任何帮助，我需要看看您如何使用相关线路。您是在服务器上呈现页面还是它是 SPA 的一部分？

【解决方案1】：

你应该设置绝对路径，例如，你共享 public 文件夹然后如果你想在你的网站上获取图像尝试

admin/images/logo.png

获取图片的所有路径

${主机名}:${port}/admin/images/logo.png

【讨论】：