【nodejs】【express.static】静态资源托管

• 通过Express内置的express.static可以方便地托管静态文件，例如img、CSS、JavaScript 文件等。
• 语法
  • app.use(express.static('public'));
  • 此方法对所有请求进行拦截，调用express.static('public')方法，该方法会检测请求文件类型，若是静态资源且定义的目录中有此资源，则直接返回此资源，否则调用方法中的next()方法，将请求传递给下一个路由
    • app.use(express.static(__dirname + '/public'))是将所有请求，先交给express.static(__dirname + '/public')方法来处理一下
      • 可以通过多次使用 express.static 中间件来添加多个静态资源目录
    • 传递一个包含静态资源的目录给 express.static 中间件用于立刻开始提供文件，Express 会在静态资源目录下查找文件，如果没有找到则调用next（）方法让下一个中间件处理请求
    • 为了给静态资源文件创建一个虚拟的文件前缀(实际上文件系统中并不存在) ，可以使用 express.static 函数指定一个虚拟的静态目录
      • app.use('/static', express.static('public'));
      • 请求时
        • http ://localhost:3000/static/images/kitten.jpg
        • http ://localhost:3000/static/css/style.css
        • http ://localhost:3000/static/images/bg.png
• 模板中的链接资源，相对路径是相对与浏览器请求地址而言的
  • 浏览器请求url，浏览器认为请求路径的最后一部分不是路径，而是路径下的文件
  • 所以路径不包括最后一个文件的地址
  • 注意
    • 由于静态资源的相对路径是相对与浏览器请求地址而言的，所以如果路由地址与存放静态资源的文件夹名不同，可能会造成无法正确请求文件
    • 可以使用绝对路径解决问题，在引用链接的模板文件中，为请求链接添加绝对路径