node.js http-server 搭建本地服务器
使用vue-cli创建的项目,能够实现浏览器中自动刷新,实时查看项目效果,其中的原理在于,webpack在本地启动了一个本地服务器,将本机当作一台服务器;
打包后的文件是一个html静态页面,在本地文件夹中直接打开的一般都素hifile协议,当代码中存在http或者https的链接时,html页面就无法正常打开,为了解决这种情况,需要在本地启动以恶搞本地的服务器。
利用node.js的http-server开启本地服务,步骤如下:
首先电脑已经安装了node.js,安装http-server
npm install http-server -g
然后进入你想作为本地服务器根目录的位置,执行命令htpp-server
启动本地服务器成功,可以使用ctrl+c关闭服务器
http-server -c-1 (⚠️只输入http-server的话,更新了代码后,页面不会同步更新)
简写 hs
可以修改服务器的监听地址以及监听的端口号
hs <path> -a 127.0.0.1 -p 8090
path 时目录地址,默认时cmd打开的目录地址,可以省略,默认时cmd打开的路径地址
-a 参数是监听地址
-p 参数是监听的端口
其他参数
| 作用 | 作用 |
| -p 或者 --port | 端口设置,默认是 8080 |
| -a | -a 监听地址设置默认是 0.0.0.0 |
| -d | 是否显示文件列表 默认true |
| -i | 显示自动索引 默认true |
| -g 或者 --gzip | 默认false,当文件的gzip版本存在且请求接受gzip编码时,它将服务于./public/some-file.js.gz,而不是./public/some-file.js |
| -e 或者 --ext | 如果没有提供默认文件扩展名(默认为html) |
| -s 或者 --silent | 禁止控制台日志信息输出 |
| –cors | 允许跨域资源共享 |
| -o | 启动服务后打开默认浏览器 |
| -c | 设置缓存cache-control max-age heade存留时间(以秒为单位),示例:-c10是10秒,默认是3600秒,如果要禁用缓存就使用-c-1 |
| -U 或者 --utc | 使用 UTC格式,在控制台输出时间信息 |
| -P 或者 --proxy | 通过一个 url地址,代理不能通过本地解析的资源 |
| -S 或者 --ssl | 使用https协议 |
| -C 或者 --cert | ssl证书文件的路径,默认是cert.pem |
| -K 或者 --key | ssl密匙文件路径 |
| -h 或者 --help | 显示帮助 |
参考:https://blog.csdn.net/ithanmang/article/details/88375259
自己手动测试,http-server启动成功成功之后页面却无法打开,防火墙也关闭了,还是不行,不知道怎么回事儿,就使用了anywhere,可以启动成功;
补充:http-server 默认需要一个入口文件,启动成功之后,输入ip地址加端口号,后面跟上index.html就可以使用了
node.js http-server 搭建本地服务器的更多相关文章
- 使用Node.js的http-serve搭建本地服务器
为什么要使用它? 首先,类似于vue-cli创建的项目,都能够实现浏览器中自动刷新,实时查看项目效果.其中的原理在于,webpack这样的工具启动了一个本地服务器,将本机当作一台服务器,这样在浏览器中 ...
- 用node.js搭建本地服务器
我的第一篇笔记来写写node.js,我对node.js的并不是很了解,基本的项目路径变换还是会的.原先我下载node.js就是我想学vue.js,后来因为工作的繁忙搁浅了我的计划.最近在学习phase ...
- json server的简单使用(附:使用nodejs快速搭建本地服务器)
作为前端开发人员,经常需要模拟后台数据,我们称之为mock.通常的方式为自己搭建一个服务器,返回我们想要的数据.json server 作为工具,因为它足够简单,写少量数据,即可使用. 安装 首先需要 ...
- svn 使用TortoiseSVN server搭建本地SVN服务器
使用TortoiseSVN server搭建本地SVN服务器
- webpack 之搭建本地服务器
搭建本地服务器 webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现 我们想要的让浏览器自动刷新显示我们修改后的结果 不过它是一个单 ...
- Node.js博客搭建
Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...
- iOS开发网络篇—搭建本地服务器
iOS开发网络篇—搭建本地服务器 一.简单说明 说明:提前下载好相关软件,且安装目录最好安装在全英文路径下.如果路径有中文名,那么可能会出现一些莫名其妙的问题. 提示:提前准备好的软件 apache- ...
- node.js中net模块创建服务器和客户端(TCP)
node.js中net模块创建服务器和客户端 1.node.js中net模块创建服务器(net.createServer) // 将net模块 引入进来 var net = require(" ...
- 用开源 ASP.NET MVC 程序 Bonobo Git Server 搭建 Git 服务器(转)
用开源 ASP.NET MVC 程序 Bonobo Git Server 搭建 Git 服务器 现在不用Git,都不好意思说自己是程序员. 当你想用Git,而源代码服务器是Windows系统时,你 ...
随机推荐
- zookeeper的补充
七.Watcher 在ZooKeeper中,接口类Watcher用于表示一个标准的事件处理器,其定义了事件通知相关的逻辑,包含KeeperState和EventType两个枚举类,分别代表了通知状态和 ...
- Intel 8086 CPU
一.8086概述 Intel8086拥有四个16位的通用寄存器,也能够当作八个8位寄存器来存取,以及四个16位索引寄存器(包含了堆栈指标).资料寄存器通常由指令隐含地使用,针对暂存值需要复杂的寄存器配 ...
- Luogu P3810 【模板】三维偏序(陌上花开) CDQ分治 树状数组
https://www.luogu.org/problemnew/show/P3810 复习板子,重要的题就真的要写三遍???之前写过一篇博客了,不过之前写的那个板子的sort用的规则真是沙雕 #in ...
- 《挑战30天C++入门极限》图文例解C++类的多重继承与虚拟继承
图文例解C++类的多重继承与虚拟继承 在过去的学习中,我们始终接触的单个类的继承,但是在现实生活中,一些新事物往往会拥有两个或者两个以上事物的属性,为了解决这个问题,C++引入了多重继承的概念 ...
- UOJ#339. 【清华集训2017】小 Y 和二叉树 贪心
原文链接 www.cnblogs.com/zhouzhendong/p/UOJ339.html 前言 好久没更博客了,前来更一发. 题解 首先,我们考虑一个子问题:给定根,求出最小中序遍历. 如果根节 ...
- 简要描述Python的垃圾回收机制(garbage collection)
这里能说的很多.你应该提到下面几个主要的点: Python在内存中存储了每个对象的引用计数(reference count).如果计数值变成0,那么相应的对象就会小时,分配给该对象的内存就会释放出来用 ...
- Django REST framework优点?
1.提供了定义序列化器Serializer的方法,可以快速根据Django ORM 或者其他库自动序列化/反序列化2.提供了丰富的类视图\MIXIN扩展类,简化视图的编写3.丰富的定制层级:函数视图\ ...
- IDEA中常用快捷键
Alt+Enter 牛掰的万能快捷键,实现接口和抽象类.导入包.异常捕获.转换lambda表达式.equals的翻转和更换访问修饰符等,无所不能. Ctrl+D 复制当前行 Ctrl+Y 删除行 ...
- OSPF基本详解
- vue项目开发中遇到的几个问题
1.使用elment或者mintUI库时,需要全局引入ui库的css文件:然后在修改自己样式时,需要将自己的css文件引入到main.js中才会生效,全局引用2.使用v-html展示dom字符串时,相 ...