时间戳

首页 > 解决方案 > 使用 pug 时 express 不提供静态文件

node.js - 使用 pug 时 express 不提供静态文件

问题描述

我试图使用 express 和 pug 作为模板引擎来提供静态文件，但不知何故我的资产没有被加载

我的文件路径：

+front
  +views
   +login
      index.pug
     +images
     +js
     +css
     ...
server.js

这是我的服务器代码：

app.use(express.static('front')); 
app.set('views', './front/views')
app.set('view engine', 'pug')

router.get('/login', (req, res) => {
  res.render('./Login_v1/login', { title: 'Login', message: 'Login'})    
})

哈巴狗代码：

  link(rel='icon' type='image/png' href='/images/icons/favicon.ico')

标签： node.jsexpresspug

解决方案

第一步，在 app.js/server.js 中添加静态文件夹的路径（你的 express 入口文件）

app.use(express.static(__dirname + 'images/icons')); // path of your image folder

比你可以访问它

href='localhost:serverPort/favicon.ico

推荐阅读