• 全局安装 http-server
  npm install http-server -g
• 打包 – 生成 dist 文件夹
  npm run build
• 进入 dist 文件夹
  • 不要代理 http-server
  • 代理 http-server -P (代理)
    注: 移动端查看需要后台代理, 比如 http://10.5.107.100:8777
• 访问
  • PC端
    • http://localhost:8080 或 http://127.0.0.1:8080
  • 移动端
    • (电脑ip):8080
    • 电脑IP(IPv4地址)可用命令 ipconfig/all 查看, 也可以在 WLAN 状态的详细信息里查看
      
• 修改
  • 修改完代码后要重新打包 (不用重新登录, 刷新没反应的话按几下回车)

• package.json 设置

"scripts": {
    "start": "http-server -a 0.0.0.0 -p 8000",
}

• 参数

  • -p 端口号 (默认 8080)

  • -a IP 地址 (默认 0.0.0.0)

  • -d 显示目录列表（默认为“True”）

  • -i 显示 autoIndex（默认为“True”）

  • -g 或 --gzip 启用时（默认为“False”），它将用于 ./public/some-file.js.gz 代替 ./public/some-file.jsgzip 压缩版本的文件，并且该请求接受 gzip 编码

  • -e 或 --ext 默认文件扩展名（如果没有提供, 默认为 “html”）

  • -s 或 --silent 禁止日志信息输出

  • --cors 通过 Access-Control-Allow-Origin 标题启用CORS

  • -o 启动服务器后打开浏览器窗口

  • -c 设置缓存控制max-age头的缓存时间（以秒为单位），例如-c10 10秒（默认为’3600’）。要禁用缓存，请使用 -c-1

  • -U 或 --utc 在日志消息中使用 UTC 时间格式

  • -P 或 --proxy 代理无法在本地解决给定网址的所有请求

  • -S 或 --ssl 启用 https

  • -C 或 --cert ssl证书文件的路径（默认值：cert.pem）

  • -K 或 --key ssl密钥文件的路径（默认值：key.pem）

  • -r 或 --robots 提供一个/robots.txt（其内容默认为’User-agent：* \ nDisallow：/’）

  • -h 或 --help 打印以上列表并退出

常见报错

‘http-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件

解决方法

需要配置一下环境变量, 将 npm 路径添加上去即可