使用 live-server 本地运行调试构建后的前端代码

live-server 支持文件重定向,支持路径代理,适合本地运行调试构建后的前端代码。

安装

https://github.com/tapio/live-server

安装:

npm install -g live-server

常用参数

  • --port=NUMBER 指定端口号,默认 8080
  • --no-browser 启动后不自动打开浏览器
  • --entry-file=PATH 不存在时重定向到文件,可实现 history 模式前端路由需要的效果
  • --proxy=ROUTE:URL 将指定路由代理到其他地址,可设置多个 --proxy 参数

示例:调试 history 模式前端项目

比如某项目的路径是 /admin ,启动新目录,将打包后的 dist 文件,复制过来改名为部署在服务器的路径 admin ,在该新目录运行:

使用 live-server 启动,将路由指向单页的入口文件,并切转发 /api 路径的请求:

live-server --no-browser --entry-file=/admin/index.html --proxy=/api:http://localhost:3000/api