这次给大家带来如何做出node.js界面，做出node.js界面的注意事项有哪些，下面就是实战案例，一起来看一下。
最近要写一个工具界面整合项目的功能属性，方便其他部门的人进行编辑，有点类似后台。会有部分数据上的交互。于是学习了下node.js后端的知识。
源码如下：
// filename:myServer.js// a simple http servervar fs = require('fs'), url = require('url'), path = require('path'), http = require('http');//从命令行参数获取root目录，默认是当前目录var root = path.resolve(process.argv[2] || '.');console.log('Static root dir: ' + root);//创建服务器var server = http.createServer(function (request, response) { //获取URL的路径 var pathname = url.parse(request.url).pathname, //获取对应的本地文件的路径 filepath = path.join(root, pathname); //获取文件状态 fs.stat(filepath, function (err, stats) { if (!err && stats.isFile()) { console.log('200 ' + request.url); //发送响应 response.writeHead(200); //将文件流导向response fs.createReadStream(filepath).pipe(response); } else { console.log('404 ' + request.url); response.writeHead(404); response.end('404 Not Found'); } });});server.listen(8081);console.log('Server is running at http://127.0.0.1:8081/');
登录后复制
本项目目录结构如下：
js和html页面按常规写好之后执行cnd命令：
最终效果如下：
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
如何操作Vue去除路径中的＃号
如何使用vue中实现点击空白处隐藏div实现
以上就是如何做出node.js界面的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2750313.html
