解决用electron打包Vue工程(Vite)报错electron : Failed to load
解决用electron打包Vue工程(Vite)报错electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSEDBackground: 生产环境通过 Electron 直接加载本地文件系统中的静态资源
注：node后的状态码不重要
明明前端工程可以运行，后端连接也没问题，为什么打包完成后总是连不上网址？
网上常规的排错思路：
• 目标服务未运行
• 端口号配置错误
• 防火墙/安全组拦截
• 跨域策略限制
于是你耗费精力一步步来，到头发现还是没有页面，连接错误
可是你忽略了一个必要的前提：
生产环境引用的是经过 Vite 构建、压缩、哈希命名后的文件
构建后的静态资源（如.html）包含指向编译后 JavaScript 文件的引用
你想起来在打包过程中或多或少的修改或新增了一些文件，使之看似符合应有的结构
但即便自己写的代码和网上build后的长相完全一致，打包后也无法被正确引用，因为不是编译过的代码
那如何预先编译一遍所有必要的组件呢？答案很简单，使用npm命令编译一遍：
1.
Terminal: npm run build # 实际执行的是package.json里的scripts.build
2.
"name": "DXY 1st", "version": "5.3.0", "private": true, "description": "DXY 666", "author": "duandashuaige", "scripts": { "build": "vite build" //在你package.json中增加scripts参数 }
3.打包后会得到根目录下的dist文件夹，dist文件夹里的内容才是打包后机器可以直接引用的文件，里面有：
Assets文件夹，用来存放静态资源（js/CSS/img）
index.html，关键的入口文件，记得把路径改成引用dist里的资源
……
注意事项：build过程中对源文件已有的报错比较严格，如果没有修好某些小报错，build会失败：
修好小bug之后就可以美美build咯：
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ 前排留名，哈哈哈 谢谢分享，试用一下 yyds。多谢分享 不错，里面软件多更新就更好了 新版吗？好像是停更了吧。 不错，里面软件多更新就更好了 懂技术并乐意极积无私分享的人越来越少。珍惜 感谢，下载保存了 前排留名，哈哈哈 喜欢鼓捣这些软件，现在用得少，谢谢分享！ 感谢分享 感谢发布原创作品，程序园因你更精彩 热心回复！ 用心讨论，共获提升！ 感谢，下载保存了 谢谢分享，辛苦了 感谢分享
页:
[1]