用node或者vscode开启一个简单的本地server服务器,加载html网页

使用Live Server

想要加载本地html页面可以快速能让它在你本地浏览器中打开,可以有好多种方式,如果你有使用vscode,可以安装一个插件:Live Server,然后直接在vscode中直接右键就可以开启这个服务:

安装好之后,在vscode中打开html,然后右键:就可以自动打开浏览器并加载你这个html页面

使用node搭建server服务

使用node.js自己写一个server服务,然后开启服务后,就可以返回本地的一个HTML页面:

//加载必须的模块
var http = require('http')
var fs = require('fs')
var url = require('url')
var path = require('path')//定位静态目录的位置,根据请求找出对应的文件
function staticRoot(staticPath, req, res) {var pathObj = url.parse(req.url, true)if (pathObj.pathname === '/') {pathObj.pathname += 'index.html'}//读取静态目录里面的文件,然后发送出去var filePath = path.join(staticPath, pathObj.pathname)fs.readFile(filePath, 'binary', function (err, content) {if (err) {res.writeHead(404, 'Not Found')res.end('<h1>404 Not Found</h1>')} else {res.writeHead(200, 'Not Found')res.write(content, 'binary')res.end()}})
}
//创建服务器
var server = http.createServer(function (req, res) {staticRoot(path.join(__dirname, '/'), req, res)
})
//监听8080端口
server.listen(80)

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/501054.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

几个原创文章自动生成软件推荐

在数字化时代&#xff0c;原创文章的重要性越来越被重视&#xff0c;但是频繁的写作工作却也耗费大量时间和精力。原创文章自动生成软件能够帮助大家快速生成各种类型的原创文章&#xff0c;节省时间和精力。本文将介绍6款不同的原创文章自动生成软件&#xff0c;并介绍一款知名…

02|JVM内存模型

1. JVM整体结构及内存模型 1.1 类装载子系统 负责加载字节码文件并将其转换为可以执行的Java类。类加载器子系统包括三个主要的类加载器&#xff1a;Bootstrap ClassLoader&#xff08;引导类加载器&#xff09;、Extension ClassLoader&#xff08;扩展类加载器&#xff09;和…

linux nasm汇编中调用printf不报错,但调用scanf报错。抛出了分段错误(核心转储)

当我写了如下汇编时 ; nasm -f elf64 -g -F dwarf charsin.asm ; gcc charsin.o -no-pie -o charsin ; ld -o eatclib eatclib.o ; gdb eatclib[SECTION .data]SPrompt db Enter string data, followed by Enter: ,0IPrompt db Enter an integer value, followed by Enter: ,1…

人工智能应用工程师职业技能提升如何考取,需要具备怎样的技能?

人工智能应用工程师是能够利用人工智能相关技术进行应用研发&#xff0c;并开展各类工作的从业人员统称。 人工智能应用工程师考试是对人工智能领域从业者的全面认证&#xff0c;共分为初级、中级、高级三个等级&#xff0c;分别对应了人工智能应用工程师未来发展的三个大致方向…

本地写的Bash脚本,Linux端运行报错:/bin/bash^M: bad interpreter: No such file or directory

背景 在本地写了个Bash Shell脚本&#xff0c;但上传到Linux端后加完权限执行时报错&#xff1a; &#xff08;脚本名&#xff1a;script.sh&#xff09; -bash: ./script.sh: /bin/bash^M: bad interpreter: No such file or directory 分析 这个错误通常是由于脚本文件的行…

SSL证书快过期了怎么办?

SSL&#xff08;Secure Sockets Layer&#xff09;证书是保障网站安全、确保用户数据加密传输的关键元素。当SSL证书接近其有效期限时&#xff0c;及时更换新证书至关重要&#xff0c;以免影响网站的安全性和用户体验。下面是一份详尽的指南&#xff0c;指导您分步有序地完成SS…

【笔记】:更方便的将一个List中的数据传入另一个List中,避免多重循环

这里是 simpleInfoList 集合&#xff0c;记为集合A&#xff08;传值对象&#xff09; List<CourseSimpleInfoDTO> simpleInfoList courseClient.getSimpleInfoList(courseIds);if(simpleInfoListnull){throw new BizIllegalException("当前课程不存在!");}这…

LeetCode 2581.统计可能的树根数目:换根DP(树形DP)

【LetMeFly】2581.统计可能的树根数目&#xff1a;换根DP(树形DP) 力扣题目链接&#xff1a;https://leetcode.cn/problems/count-number-of-possible-root-nodes/ Alice 有一棵 n 个节点的树&#xff0c;节点编号为 0 到 n - 1 。树用一个长度为 n - 1 的二维整数数组 edges…

能让薪资翻3倍的软件测试面试经验

前言 面试真题&#xff1a;3 轮技术面 HR 面 面试总共经历四轮的面试&#xff0c;三轮的技术面试和一轮的 HR 面试&#xff0c;共耗时 5 个小时以上。 一面&#xff08;组长面&#xff09; 上家公司项目以及团队的规模是怎么样的&#xff1f; 你负责的项目整体的流程是怎么样的…

基于ssm课程管理系统

基于SSM的课程管理系统的设计与实现 摘 要 当下&#xff0c;正处于信息化的时代&#xff0c;许多行业顺应时代的变化&#xff0c;结合使用计算机技术向数字化、信息化建设迈进。以前学校对于课程信息的管理和控制&#xff0c;采用人工登记的方式保存相关数据&#xff0c;这种以…

【bash】2、手把手实现一个 bash shell:多个机器批量执行 shell 命令,支持 ip 补全

文章目录 一、需求&#xff1a;多台机器批量远程执行 shell 命令1.1 业务需求拆解为脚本需求1.2 帮助函数&#xff1a;使用说明文档1.3 main 函数框架 二、功能&#xff1a;单机 sshp 执行2.1 fullip 函数&#xff1a;实现 ip 补全2.1.1 参数说明2.1.2 定义全局变量2.1.3 实现&…

Doccano 修复 spacy.gold 的bug

引言 最初只是想把Doccano标注的数据集转换成BIO(类似conll2003数据集)的标注格式&#xff1b; 摘要 可先阅读一下教程&#xff1a;【已解决】关于如何将Doccano标注的文本转换成NER模型可以直接处理的CoNLL 2003格式 装包:pip install doccano-transformer 报错信息 运行…