node.js+express之静态文件托管

骑猪看日落 2022-08-28 13:50 390阅读 0赞

## 静态文件托管 ##

项目中难免会有一些静态文件需要托管，这些文件应该是要可以直接被外部访问，也就是与其他实体路由区分开来。例如通常我们会有`static`或者`public`的路径来引用静态文件。

## 手工路由托管静态文件 ##

假设在public目录下有style.css文件，那么利用一下代码则可以手工创建一个静态路由来管理静态文件  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16]

![在这里插入图片描述][d9e3b526ca5e48b2955461609d95dc65.png]

## 利用 Express 全自动托管静态文件 ##

通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。  
将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如，假设在 public 目录放置了图片、CSS 和 JavaScript 文件，你就可以在app.js中设置：

//静态托管该文件夹  
`app.use('/public',express.static(path.join(__dirname, 'public')));`

当然，

var createError = require('http-errors');
    var express = require('express');
    var fs = require('fs');
    var path = require('path');
    var app = express();
    
    //by zhengkai.blog.csdn.net
    //静态路由自动托管
    app.use('/public',express.static(path.join(__dirname, 'public')));
    
    app.listen(80,function () { 
      console.log("启动成功， http://localhost/")
    })
    module.exports = app;

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_15_color_FFFFFF_t_70_g_se_x_16]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/e9da850c675748efb3fac028ff5b399a.png
[d9e3b526ca5e48b2955461609d95dc65.png]: /images/20220828/e7114cc3a03645eaacaa1503bd10fb29.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATW9zaG936YOR6ZS0_size_15_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/33f703b45c4b4d2d9462c6ae5521cda1.png