pywebview加载vue本地html需改用http服务而非file://协议，vue router应切hash模式或配404重定向至index.html，窗口关闭时须显式清理vue实例，pyinstaller打包需正确处理dist路径和资源嵌入。
Pywebview 启动 Vue 本地 HTML 时白屏或报 CORS 错误
直接用 webview.create_window() 加载 index.html 文件路径（如 "./dist/index.html"）时，Vue 的路由、静态资源或 API 请求大概率失败——因为 Pywebview 默认以 file:// 协议加载，现代浏览器会阻止跨源读取本地文件，fetch 和 XMLHttpRequest 都会触发 CORS 或 net::ERR_FILE_NOT_FOUND。
解决方式不是改 Vue 配置，而是让 Pywebview 启动一个最小 HTTP 服务再加载 http://localhost:xxxx：
- 用
http.server或更轻量的waitress（推荐，无依赖冲突）在dist/目录起服务 - 启动 Pywebview 前先绑定空闲端口（避免硬编码
8080被占），用socket检测可用端口 - 确保 Vue 构建时设
publicPath: "./"（非"/"），否则 JS/CSS 路径会从根目录解析，404
Vue Router 在 Pywebview 中刷新 404 或路由不生效
Vue CLI 或 Vite 默认用 history 模式，依赖服务端重定向所有路径到 index.html。但 Pywebview 内嵌的简易 HTTP 服务（如 http.server）不支持该行为，直接访问 http://localhost:5000/user 就 404。
两个务实选择：
SkillSub Pro - Python 题解与代码注释双功能技能功能概述SkillSub Pro - Python 题解与代码注释双功能技能是一项面向实际任务的技能，主要用于SkillSub Pro 是一个 Python 题解生成与代码注释的 双功能合体技能 ，专为学生、算法学习者和开发者设计；✅ 一个技能，两种用途 ：；核心要点📝 题解模式 ：输入题目/题号，自动生成完整 Python 题解（含详细注释、解题思路、复杂度分析）；💬 注释模式 ：输入 Python 代码，自动添加详细中。它将相关步骤、
- 开发阶段：Vue Router 改用
hash模式（createRouter({ history: createWebHashHistory() })），完全绕过服务端配置 - 生产打包：用
waitress+ 自定义中间件拦截 404，强制返回index.html（Vite 用户可直接用vite-plugin-static-html替代） - 别碰
fallback: true这类 Webpack DevServer 专属配置——Pywebview 不跑 webpack
Pywebview 窗口关闭时 Vue 实例未清理，导致内存泄漏
Pywebview 默认不监听窗口关闭事件，beforeunload 在 file:// 下也被禁用。如果 Vue 应用里用了 setInterval、WebSocket 或全局事件监听器，窗口关掉后它们仍在后台运行。
必须显式桥接原生关闭逻辑：
- 在 Python 侧用
webview.evaluate_js()注入一段脚本，监听webview.window.on_close回调（Pywebview 3.7+ 支持） - 在 Vue 的
onUnmounted或beforeDestroy中清除定时器、断开 WebSocket、移除window.addEventListener - 不要依赖
visibilitychange事件判断——Pywebview 窗口最小化时页面仍可见，该事件不触发
打包成单文件后 dist 资源路径错乱或找不到
用 PyInstaller 打包时，dist/ 文件夹不会自动打进 exe，Python 代码里写的 "./dist" 路径在打包后失效。常见错误是程序启动后 HTTP 服务找不到静态文件，返回空白页。
关键处理点：
- 用
sys._MEIPASS定位 PyInstaller 解压路径：os.path.join(sys._MEIPASS, "dist")（仅在打包后有效） - 开发时仍用相对路径
"./dist"，通过getattr(sys, 'frozen', False)判断是否打包 - PyInstaller 打包命令要加
--add-data "dist;dist"（Windows）或--add-data "dist:dist"（macOS/Linux），确保 dist 目录被复制 - 别把 Vue 的
dist整体当 Python 包 import——它不是模块，只是静态文件集合
Python免费学习笔记（深入）：立即使用
在学习笔记中，你将探索 Python 的核心概念和高级技巧！
