uniapp项目打包h5，支持文件协议，使用vconsole调试移动端

本文主要是介绍uniapp项目打包h5，支持文件协议，使用vconsole调试移动端，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

uniapp项目需要打包h5，并且需要嵌套到一个原生的移动端项目中，需要支持文件协议能直接访问

打包设置

设置./基础路径

引入vconsole调试移动端

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>

可以将线上文件下载到本地

 <script src="vconsole.min.js"></script><script>// VConsole will be exported to `window.VConsole` by default.var vConsole = new window.VConsole();</script>

图片路径

打包后的static文件最终放在项目根目录

 <img src="@/static/common/logo.png" alt="" />

动态图片

 <img:src="require('@/package-pc/static/icon/menu/' + item.icon + '-active.svg')"/>

这篇关于uniapp项目打包h5，支持文件协议，使用vconsole调试移动端的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---