轻量级服务器http-server

安装

sudo npm install http-server -g

运行

  1. 直接去到要跑起来的目录,在终端输入
  • cd xxxx文件夹
  • http-server //只输入http-server的话,更新了代码后,页面不会同步更新
  • http-server -c-1 //同步更新页面
  • http-server -a 127.0.0.1 -p 8080 -c-1 //同步更新页面并且设置了ip和端口号
  • // 按快捷键CTRL-C 关闭http-server服务
  1. 浏览器直接输入提示地址

常用配置参数

  • -p 端口号 (默认 8080)
  • -a IP 地址 (默认 0.0.0.0)
  • -d 显示目录列表 (默认 'True')
  • -i 显示 autoIndex (默认 'True')
  • -e or --ext 如果没有提供默认的文件扩展名(默认 'html')
  • -s or --silent 禁止日志信息输出
  • --cors 启用 CORS via the Access-Control-Allow-Origin header
  • -o 在开始服务后打开浏览器
  • -c 为 设置缓存控制max-age头的缓存时间(秒) , 如-c10即 10s (默认 为 '3600'). 禁用缓存, 则使用 -c-1.
  • -U 或 --utc 使用UTC time 格式化log消息
  • -P or --proxy 代理无法在本地解决给定网址对所有请求 如: -P http://someurl.com
  • -S or --ssl 启用 https
  • -C or --cert ssl证书文件路径 (默认值: cert.pem)
  • -K or --key ssl密钥文件路径 (默认值: key.pem).
  • -r or --robots 提供一个 /robots.txt (其内容默认为'User-agent: *\nDisallow: /')
  • -h or --help 打印此列表并退出

charles代理本地,需重启

项目设置

代理本地资源,需要本地资源可在局域网内访问

修改项目中webpack-dev-server的host配置为:0.0.0.0,这样设置后,就支持localhost和IP两种访问方式(其他非webpack-dev-server启动服务的资源文件可以使用nginx或单独创建一个服务的形式处理)

启动项目后,访问地址就是IP:8080方式访问,在同局域网内的也可以访问

配置Charles

打开Charles,设置系统代理

设置需要代理的文件或者文件路径

Tools -> Map Remote -> 勾选 Enable Map Remote -> 点击add。

由于打包的加载方式和开发的加载方式不同,设置应该遵循开发的方式。

如:线上模式有app和manifest两个资源文件,子页面是manifest的版本命名来加载的,而在开发模式下只有app,子页面直接从app中的路由命名到内存中加载文件,所以,我们只需要设置app的代理,然后将app里加载的文件代理一个文件夹即可

设置成功后,重启Charles

访问线上的代理域名查看Charles:

相关推荐
柳鲲鹏22 分钟前
WINDOWS最快布署WEB服务器:apache2
服务器·前端·windows
2501_915921432 小时前
iOS IPA 混淆实测分析:从逆向视角验证加固效果与防护流程
websocket·网络协议·tcp/ip·http·网络安全·https·udp
2501_915918412 小时前
打造可观测的 iOS CICD 流程:调试、追踪与质量保障全记录
websocket·网络协议·tcp/ip·http·网络安全·https·udp
无敌暴龙兽z3 小时前
离线环境安装elk及设置密码认证
运维·elk
好奇的菜鸟3 小时前
如何在 Ubuntu 24.04 (Noble) 上使用阿里源
linux·运维·ubuntu
bcbobo21cn3 小时前
初步了解Linux etc/profile文件
linux·运维·服务器·shell·profile
wayuncn4 小时前
月付物理服务器租用平台-青蛙云
运维·服务器·服务器租用·服务器托管·物理机租用
望获linux4 小时前
【实时Linux实战系列】CPU 隔离与屏蔽技术
java·linux·运维·服务器·操作系统·开源软件·嵌入式软件
0wioiw04 小时前
C#基础(项目结构和编译运行)
linux·运维·服务器
2401_873587825 小时前
Linux常见指令以及权限理解
linux·运维·服务器