uniapp开发微信小程序打包成h5部署

一、背景

项目使用uniapp以vue2开发小程序，开发完成之后打包h5部署，包含修改静态资源路径。

二、小程序打包h5

第一步：打包方式(点击发行 -> 点击网站-PC)

打包失败： 需要自己uniapp的appId。此appid是uniapp的appid，非微信小程序给的appid。

打包成功：需要打包成功之后，会在unpackage页面生成的dist文件夹中多一个Build文件，里面包含h5页面。需要部署的话就把h5页面打包部署即可。

三、修改静态资源访问路径

默认生成的打包链接，静态资源访问的路径是“/static/css”，项目要求前缀添加/mnapp

方法：

在manifest.json文件中添加如下代码即可

    "h5" : {
        "router" : {
            "base" : "/mnapp",
            "mode" : "hash"
        }
    },