使用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就可以使用了

最新文章

  1. [LintCode] Longest Increasing Subsequence 最长递增子序列
  2. Linux 压缩解压
  3. Bitnami Redmine插件记录
  4. 中文版Windows Server 2012 R2更改为英文显示语言
  5. 利用name或id属性设置页面跳转的锚点
  6. MATLAB学习笔记(六)&mdash;&mdash;MATLAB数据分析与多项式计算
  7. copy(source,destination)拷贝文件
  8. 201521123088《Java程序》第二周总结
  9. Java Reflection 反射基础
  10. Fragment基础操作
  11. 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1 20165316
  12. Spring源码学习笔记1
  13. SpringMVC(十四) RequestMapping ModelAndView
  14. BZOJ 1565 [NOI2009]植物大战僵尸 | 网络流
  15. (转)C/C++ 程序设计员应聘常见 面试笔试 试题深入剖析
  16. Javascript 判断对象是否相等
  17. 遇到问题---java---@value注解为null
  18. 两个list比较相等元素
  19. [Flex] 组件Tree系列 —— 运用openItems获取打开节点
  20. DSP5509的XF实验-第一篇

热门文章

  1. 012——matlab判断变量是否存在
  2. git 在 A 项目中引用 B 项目
  3. 想学习找不到好的博客?看这里&gt;&gt;
  4. linux 常用性能优化
  5. Leetcode44. 通配符匹配(动态规划)
  6. Python正则表达式【转载】
  7. vue指令大全~~~
  8. 15.linux iptables防火墙规则vsftp服务
  9. 【转】JVM类装载机制的解析,热更新的探讨
  10. vue+elementui搭建后台管理界面(5递归生成侧栏路由)