关于将vue前端和python脚本使用electron打包成桌面应用程序

最新推荐文章于 2025-03-13 14:39:29 发布

m0_67403143

最新推荐文章于 2025-03-13 14:39:29 发布

阅读量548

点赞数 4

文章标签：前端 vue.js python

本文链接：https://blog.csdn.net/m0_67403143/article/details/144706347

版权

关于将vue前端和python脚本使用electron打包成桌面应用程序：

1-

npm run dist

把vue项目打包会出现一个dist文件夹

dist

-index.html中要注意正确引用静态文件的路径：

assetsindex-… & index-…

在这里插入图片描述

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>demo1121</title>
	//这里不要引用错
    <script type="module" crossorigin src="./assets/index-BU5lmtKr.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/index-CohAF0jf.css">
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

2-

打包我的python脚本：

为了确保 PyInstaller 能够包含所有的依赖文件和资源文件，可以创建一个 PyInstaller 规范文件（.spec）。 Python 脚本名为 recollection.py，可以使用以下命令生成一个基本的规范文件：

pyinstaller --name=recollection --onefile recollection.py

这将生成一个 recollection.spec 文件，可以在其中进行必要的配置。

block_cipher = None

a = Analysis(
    ['recollection.py'],
    pathex=['.'],
    binaries=[],
    //这里是我的脚本要用到的一个依赖文件
    datas=[(r'./stereo_calibration.npz', '.')],
    //这里是我要引入的包
    hiddenimports=[
        'asyncio',
        'web