更好的构建 Node 服务的工具

更好的构建 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 页面就能得到效果

转载于:https://www.cnblogs.com/zhourongcode/p/10171889.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值