node+express实现本地服务部署静态资源

@node+express实现本地服务 部署静态资源

node+express实现本地服务部署静态资源

对于信息敏感类企业数据，处于安全性质考虑无法正常使用mockApi现有框架，node+express实现本地服务部署静态资源可以有效解决这一问题。

express 静态资源托管

1.express官网
https://www.expressjs.com.cn/； [^1]: express官网一览
2. express.static内置中间件函数
静态资源托管 express.static(root, [options]) ，根据官网示例进行尝试；

① 使用 Express 中的 express.static 内置中间件函数，指定托管的文件目录和基础配置。
express.static(root, [options])
该root参数指定提供静态资产的根目录。
!官网针对options做出的解释

② 通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问
app.use(express.static(‘public’)) >

注意：Express在指定的静态目录下查找文件，并对外提供资源的访问路径。因此，存放静态文件的目录名不会出现在URL中

解决跨域并托管public静态文件资源 ,代码块如下：

const express = require(‘express’);
let app = express();
let options = {
setHeaders: function (res, path, stat) {
res.set(‘Access-Control-Allow-Origin’, ‘*’)
}
}
app.use(express.static(‘public’,options))
app.listen(“3000”,()=>{
console.log(“服务器启动3000端口”)
})

多个静态资源托管

app.use(express.static(‘public’))
app.use(express.static(‘files’))

访问静态资源文件时，express.static()函数会根据目录的添加顺序查找所需要的文件

挂载路径前缀

express.static要为函数服务的文件创建虚拟路径前缀（该路径实际上并不存在于文件系统中） ，请指定静态目录的挂载路径，如下所示：

app.use(‘/static’, express.static(‘public’))