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

664 阅读1分钟

在项目中开发或拉取别人的项目时,是否有遇到获取的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 这样就解决了无法运行打包过后的代码,包括前端代码打包后自查