我们一般本地开发,都是直接用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即可。