我们一般本地开发,都是直接用vs code编译打开本地浏览器查看效果,用http-server ,可以访问build打包之后的dist文件。
build之后的dist文件只有放在服务器上才能查看,但本地如何查看呢,我们可以利用node.js中的 http-server 的插件,搭建一个简易node服务器。
1、全局安装 http-server(建议的),可以用下面三个命令中的其中一个
国外npm网站直接安装命令: npm i http-server -g
淘宝cnpm镜像安装命令: cnpm i http-server -g
linux系统安装命令: yarn -g http-server
2、进入dist文件夹,Shift + 鼠标右键 打开命令窗口
3、输入 http-server 启动本地服务
下面这张图就是启动本地服务成功了,

只要输入它提醒的三个本地服务地址中的其中一个,手机和电脑都可以访问 dist 文件下面的网页了,手机需要和电脑在同一个 wifi 下面才可以访问。
启动http-server后,直接在浏览器输入http://127.0.0.1:8080即可。

本文介绍了一种本地开发中预览项目效果的方法,通过使用http-server插件,搭建简易的本地服务器,实现对build后dist文件的访问。文章详细说明了http-server的安装步骤,包括npm、cnpm及yarn三种方式,并提供了启动服务的具体操作流程。
6022

被折叠的 条评论
为什么被折叠?



