Vue & HubilderX 打包真机模拟

HubilderX 打包真机模拟

前言：这篇博客里的内容仅提供给使用 HubilderX 打包项目的web攻城狮们，希望对你们有所帮助，如果是别的测试渠道，那就不希望您浪费时间了。

首先说明一下，项目打包的时候，运行的是 npm run build. so,之前贴吧看到一个萌新把 dev 的 assetsPublicPath 属性改成了 “./”, 但这样是并不能正确解决打包问题，于是我在网上搜索了一下，发现有些博客只是复制粘贴，仅有一张图，怪不得别人会写错。顺便吐槽一下，有些博客复制粘贴之后，字都懒得打，完全不考虑别人看不看得懂。
言归正传，打包项目的时候，需要做到三个步骤 :

1. 将 assetsPublicPath 的属性值 由 “/” 改为 “./” ;
2. 将 config/index.js 文件里的 assetsPublicPath 的属性值 由 “/” 改为 “./” ;
3. vue 项目生成时，默认 router/index.js “mode/模式” 值为 ‘hash’. 一般不做修改的情况下，不会出现其值为 ‘history’ 的情况，所以一定要注意将 mode 选项值设为 ‘hash’。

修改以上配置后，我们开始终端执行 npm run build 命令行，其步骤如下：

1. npm run build 后会生成名为 dist 的文件夹，将该文件选择使用 HubliderX 编辑器打开；
2. 右键你的 dist文件夹，寻