前端打包后代码如何运行?使用http-server

在项目中开发或拉取别人的项目时,是否有遇到获取的DOME是压缩打包过后的代码,自己无法运行的情况?需要发布到线上才能访问。

在项目中开发是否有遇到打包给后端,后端发布到线上有代码有问题,前端无法自查的情况?

那么我们如何解决呢?
推荐一个npm 库用于解决以上问题;

http-server是什么?

http-server是一个简单的Node.js包,用于在本地计算机上运行一个基本的HTTP服务器。它可以帮助您轻松地将本地文件夹作为静态文件托管到Web浏览器中,而无需安装或配置复杂的服务器软件。
通过使用http-server,您可以在本地主机上运行一个简单的Web服务器,以便测试Web应用程序或网站,并快速共享HTML、CSS、JavaScript、图像或其他资源文件。您可以使用它来快速查看和共享项目,而无需使用外部Web服务器或将代码上传到云端。

http-server使用

要使用http-server,您需要先安装Node.js和npm包管理器,(如果没有去下载一下node.js)然后在终端或命令行提示符运行全局安装命令http-server:

npm install -g http-server

安装完成后,查看是否安装成功:

http-server  -v

在这里插入图片描述
安装成功之后找到你的打包文件:
在这里插入图片描述
命令行运行:

http-server

运行之后得到一个输出路径

在这里插入图片描述
最后浏览器访问输出的路径:http://198.168.11.17:8080
这样就解决了无法运行打包过后的代码,包括前端代码打包后自查

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值