更好的构建 Node 服务的工具

2023-04-27,,

更好构建 Node 服务的工具

无论前端项目在打包后都发送给后台, 有时候自己想看看效果在运行 npm run build 后只是看到一个 build 文件夹,但是直接打开是无法浏览,因此需要开启一个服务来运行该项目。

推荐使用 serve-static

官网 Demo

推荐操作步骤

在 build 目录下新建一个 public 文件夹

在 public 目录下新建一个 ftp 文件夹

把 build 目录下所有的文件移入 ftp 文件夹中

然后在 build 目录下新建一个 index.js 文件内容代码如下

var finalhandler = require('finalhandler')
var http = require('http')
var serveStatic = require('serve-static') // Serve up public/ftp folder
var serve = serveStatic('public/ftp', {'index': ['index.html', 'index.htm']}) // Create server
var server = http.createServer(function onRequest (req, res) {
serve(req, res, finalhandler(req, res))
}) // Listen
server.listen(5000, () => {console.log('running 5000')})

完成上述工作, 还需要安装两个插件

1. npm run finalhandler

2. npm run serve-static

安装成功后运行 node index.js 打开 localhost:5000 页面就能得到效果

更好的构建 Node 服务的工具的相关教程结束。

《更好的构建 Node 服务的工具.doc》

下载本文的Word格式文档,以方便收藏与打印。