使用Pug / Jade和node.js显示图像

Question

我想在导航栏中显示登录用户的化身，但每次收到URL时出现错误404： http://localhost:3000/uploads/avatars/avatar_test3.jpeg我的哈巴狗代码是：

ul.nav.navbar-nav.navbar-right
        if user
          li
            a(href='/photos/add') Add photo
          li
            a(href='/users/edit')
              img(src=user.avatar)
          li
            a(href='/users/logout') Logout

user.avatar给我： uploads/avatars/avatar_test3.jpeg我也尝试过使用：

• img(src='../' + user.avatar)
• img(src='./' + user.avatar)
• img(src='/' + user.avatar)

每次相同的错误

目录层次结构：

/
 -uploads
    -avatars
       -avatar_test3.jpeg
  -views
    -layout/pug //the template I'm using 

我也尝试将avatar_test3.jpeg文件直接移动到视图目录，但没有成功。

我该如何解决？

Answer 1

您遇到什么错误？ 如果是http 404，则应通过express将您的上传文件夹设为公开： http ： //expressjs.com/en/starter/static-files.html

就像是：

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