业务需求
在易语言的某个群里遇到一个问题，vue打包后的html，无法静态加载。
这个问题在懒人精灵的H5界面开发中同样存在。
vite构建打包后的网页，必须使用golang起一个http服务，才能在懒人的UI中正确显示html。否则就会出现跨域报错，页面打开是空白的。
如何解决呢？
vite打包单文件
使用 Vite 将 Vue 项目打包成一个单文件，包含所有的 CSS 和 JavaScript，还有图片资源（dataurl形式）。
就可以直接在浏览器中打开。
要实现这个目标，可以使用一个名为 vite-plugin-singlefile 的插件。它能够将项目中的所有静态资源（包括 JavaScript 和 CSS）内联到最终生成的 HTML 文件中。这样一来，打包后的项目就变成了一个完整的、独立的 HTML 文件，可以本地打开并正常运行，无需依赖http服务。
参考资料
1. 官方交流QQ群，添加多个不批。建议使用安卓手机或电脑申请。
飞云脚本圈： 586333520
Auto.js学习交流③群：286635606
Auto.js学习交流②群：712194666（满员）
IOS免越狱自动化测试群：691997586
2. 盗版，破解有损他人权益和违法作为，请各位会员支持正版。
3. 本站部分资源来源于用户上传和网络搜集，如有侵权请提供版权证明并联系站长删除。
4.如未特别申明，本站的技术性文章均为原创，未经授权，禁止转载/搬运等侵权行为。
5.全站所有付费服务均为虚拟商品，购买后自动发货。售出后概不接受任何理由的退、换。注册即为接受此条款。
6.如果站内内容侵犯了您的权益，请联系站长删除。
飞云脚本 » 【懒人精灵】vue+懒人精灵：轻松制作现代化前端界面，无需golang也能不跨域打开html
飞云脚本圈： 586333520
Auto.js学习交流③群：286635606
Auto.js学习交流②群：712194666（满员）
IOS免越狱自动化测试群：691997586
2. 盗版，破解有损他人权益和违法作为，请各位会员支持正版。
3. 本站部分资源来源于用户上传和网络搜集，如有侵权请提供版权证明并联系站长删除。
4.如未特别申明，本站的技术性文章均为原创，未经授权，禁止转载/搬运等侵权行为。
5.全站所有付费服务均为虚拟商品，购买后自动发货。售出后概不接受任何理由的退、换。注册即为接受此条款。
6.如果站内内容侵犯了您的权益，请联系站长删除。
飞云脚本 » 【懒人精灵】vue+懒人精灵：轻松制作现代化前端界面，无需golang也能不跨域打开html
