目录

手机端h5/wap编译上传

方式一：利用工具编译 首先需要安装依赖 一、依赖安装好后将uniapp源码包导入到hbuilder工具中（如图所示位置） 二、在hbuilder中点击发行，到网站-pc/手机/h5，如下图所示 三、编译完成后在uniapp下回生成一个dist文件夹。如下图所示 上述操作步骤是通过工具去打包，大家也可以不通过工具，以上三步只通过npm的命令行去打包

方式二：命令行编译 一、将文件切换到根目录下的uniapp下，cmd启动命令行 二、在命令行输入npm install 安装依赖 三、执行命令npm run build:h5进行打包编译 这样就完成了编译，在根目录下的uniapp目录下会生成dist文件夹，接下来的步骤参考下方继续操作。

四、打开dist文件夹中的编译包，找到index-随机字符的js文件打开。位置如下图所示： 五、将这个编译文件代码格式化，搜索 routerBase: 代码块， 找到代码块所在位置，修改如下两处位置

const match = location.href.match(/\/wap\/(\d*)\//);
base:  match ?`/wap/${match[1]}/` :  '/wap/',
routerBase: match ?`/wap/${match[1]}/` : '/wap/'

六、修改之后将编译文件打包压缩，如下图所示： 七、将刚刚压缩的编译包上传到niucloud/public/wap目录下 八、将压缩包解压到当前文件夹下，这样就完成了手机端的编译上传。