无法在localhost上获取图像

Question

我正在开发一个Node.js Express项目，并在index.ejs页面中使用了Bootstrap carousal模板。如果我尝试将图像保存在＆＃34;视图＆＃34;中的图像内，则图像标记不起作用。文件夹中。

 <img  class="img-circle" src= "/proj1.png"  />  

index.ejs文件也在＆＃34; views＆＃34;夹。错误是：GET http://localhost:3000/proj1.png 404（未找到）。 我已经尝试过更改文件的相对路径，但它不起作用。

Answer 1

你必须从express：

提供你的静态文件

尝试添加此内容：

app.use(express.static('public'));

（public是您的图片和所有内容（资产）所在的文件夹

此处有更多信息：http://expressjs.com/starter/static-files.html

Answer 2

你需要告诉express它应该在哪里提供静态内容。

app.use(express.static('/path/to/your/folder'))。

来源：http://expressjs.com/starter/static-files.html

在生产中，使用nginx提供静态文件是一般惯例。 查一查。