欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端打包项目如何本地预览?

程序员文章站 2024-01-27 22:34:28
...

前端打包好的项目使用http-serve在本地预览效果

前言:Http-server是一个轻量级的基于nodejs的http服务器,它最大好处就是:可以使任意一个目录成为服务器的目录,完全抛开后台的沉重工程,直接运行想要的js代码。

http-server 就是解决前端打包好的项目无法在本地预览的问题的最好办法!

如何使用:
  1. 安装http-serve
npm i -g http-serve
  1. 使用http-serve
serve   //打开项目打包好的dist文件,在该目录下打开cmd,运行一下命令:

前端打包项目如何本地预览?
3. 如下图所示,浏览器输入:http://localhost:5000就可以看到自己写好的项目了,赶快拿起你的项目试试吧!
前端打包项目如何本地预览?