uniapp项目打包发布H5本地预览

1.首先打开manifest.json文件配置H5

uniapp项目打包发布H5本地预览_第1张图片

注意如果为./相对路径时,一定要设置路由模式为hash模式

2.配置完H5后点击发行,找到网站PC或手机H5

uniapp项目打包发布H5本地预览_第2张图片

3.等待进行项目代码编译(编译成功后会有提示)

4.这时你的项目中多了一个打包后的H5文件(但是本地是运行不起来的)

uniapp项目打包发布H5本地预览_第3张图片

6.打包完成后如果我们想要在本地预浏览(那么我们就需要在该项目的终端全局安装 npm install http-server -g)

npm install http-server -g

7.打开终端全局安装完成后在打包后的文件启动服务(http-server)

uniapp项目打包发布H5本地预览_第4张图片

这样就大功告成了,把本地IP地址复制到本地浏览器即可预览效果了。

uniapp项目打包发布H5本地预览_第5张图片

你可能感兴趣的:(uniapp,uni-app)