Node.js (Express)：如何为“img”标签的“src”属性包含正确的值？答案

【问题标题】：Node.js (Express): How to include correct value for 'src' attribute of an 'img' tag?Node.js (Express)：如何为“img”标签的“src”属性包含正确的值？
【发布时间】：2016-08-02 21:49:22
【问题描述】：

我有一张我想作为主页背景显示的图像。这就是我正在做的，

 background: url(../../imgs/b2.jpeg) no-repeat center fixed;

图片位于“imgs”文件夹中，导航正确。现在，我正在监听本地主机地址的端口5000。 (127.0.0.1)，当我预览我的应用程序时，由于以下错误，图像无法加载，

http://127.0.0.1:3000/imgs/b1.jpeg - 加载资源失败：服务器响应状态为 404（未找到）

这是因为浏览器正在寻找与 IP 地址相关的文件。在这种情况下，我如何在本地保存的图像中指定正确的位置？

谢谢！

【问题讨论】：

看看这个expressjs.com/en/starter/static-files.html
node.js 默认不提供任何文件。您必须有一个能够为您希望 nodejs 服务器响应请求的任何文件提供服务的路由。 app.use("/somepath", express.static("somelocalpath")) 通常用于提供静态文件。而且，在您的客户端中，您可能应该使用像 /imgs/b2.jpeg 这样的根 URL，而不是 ../../。请记住，URL 只是传递给服务器的东西——它们不是直接的文件系统引用。

标签： html css node.js express

【解决方案1】：

这就是我最终解决它的方法，我将我的应用设置为服务于公共目录，

app.use(express.static(__dirname + "/public"));

之后，这就是我指定存储在public/imgs中的图像的路径

localhost:3000/imgs/b1.jpeg

瞧，它奏效了！

【讨论】：