黑白梦黑白梦

  • 文章
  • 专栏
  • 文章
  • 专栏
全部文章

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

发布于 2024-03-14更新于 2024-06-04约 1 分钟

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
目录
安装常用参数示例:调试 history 模式前端项目
上一篇配置触控板替代鼠标,统一 mac 和 windows 中的使用体验下一篇NestJS 文档目录概览

©2015-2026 黑白梦 粤ICP备15018165号

联系: heibaimeng@foxmail.com