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

本文主要是介绍用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)

 

这篇关于用node或者vscode开启一个简单的本地server服务器,加载html网页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/766900

相关文章

JavaScript与HTML交互

JavaScript与HTML交互 一、在页面中直接编写JS代码二、从外部引入JS代码 一、在页面中直接编写JS代码 首先创建一个html页面,并在页面中编写一段JS代码,注意,JS代码要放在标签中,然后实现html代码和JavaScript的交互。 <!DOCTYPE html><html lang="en">

阿里云服务器租用4核8G配置多少钱一年?

阿里云服务器租用4核8G配置多少钱一年?700元一年。阿里云4核8G服务器租用优惠价格700元1年,配置为ECS通用算力型u1实例(ecs.u1-c1m2.xlarge)4核8G配置、1M到3M带宽可选、ESSD Entry系统盘20G到40G可选,CPU采用Intel(R) Xeon(R) Platinum处理器,阿里云优惠 aliyunfuwuqi.com/go/aliyun 阿里云

spring 缓存 spring cache 介绍和简单实现

我们知道缓存对于提高系统的性能有着非常重要的影响,spring在3.*的版本之后集成了cache技术,并且是基于annotation的实现,使用起来还是非常方便的。这里只是对spring cache做一个简单的了解。 业务层实现如下: @Servicepublic class BookService {@Resourceprivate BookMapper bookMapper;@Cach

spring cloud vue thymeleaf实现CRUD的简单案例

现在关于Vue的实例说明很少,最近由于给学生们讲课,自己亲自做了一个Demo,贴出来与大家共享,还望大家多多批评指点。 项目架构: 1:创建pom(student-vue)项目,并导入如下依赖: <?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xs

Promise模块化编程ES6新特性

文章目录 Promise&模块化编程1.Promise基本介绍2.快速入门1.需求分析2.原生ajax + jQuery3.Promise使用模板 3.课后练习1.原生ajax + jQuery2.promise 4.模块化编程基本介绍5.CommonJS基本介绍6.ES5模块化编程1.题目2.示意图3.代码实例—普通导入导出function.jsuse.js 4.代码实例—对象解构导入

docker images本地迁移

不通过docker registry,将A机器上的docker image共享给其他机器,即docker镜像本地迁移。 方案也很简单:使用docker的save 和 load命令, 具体步骤如下 1.在A机器上列出所有的docker image,并找到你要保存的image名 sudo docker images 1 2.在A机器上使用docker save命令,保存image为tar文件 s

docker创建registry本地仓库

cat registry.sh#docker pull registry:2echo "运行registry容器"docker container kill registrydocker container rm registrydocker run -d -p 5000:5000 -v /usr/local/registry:/var/lib/registry --restart=a

vue.runtime.esm.js:1888 TypeError: Cannot read property ‘forEach‘ of undefined at VueComponent.<

出错原因: 调用 $table.toggleRowExpansion 函数报错。 vue.runtime.esm.js:1888 TypeError: Cannot read property 'forEach' of undefinedat VueComponent.<anonymous> (crud.js:957)at invokeWithErrorHandling (vue.runtime

vue el-table展开需要绑定row-key

<el-table ref=“table” v-loading=“crud.loading” :data=“crud.data” size=“small” style=“width: 100%;” :row-key=“getRowKey” @sort-change=“crud.changeTableSort” @selection-change=“crud.selectionChangeHandl

vue-selecttree rules规则失效问题

采用 <el-form-item style="margin-bottom: 0;" label="专题分类" prop="categoryId"><treeselectv-model="form.category.id":disabled="readonly||(form.enabled==1)":load-options="loadCats":props="defaultProps":op