开发React+Vite+Tauri应用时，如何禁止Vite本地托管？

你可以通过以下两步实现需求：

• 预构建前端产物
  先手动执行Vite的构建命令，生成前端静态文件：

  npm run build
  

  默认情况下产物会输出到项目根目录的dist文件夹，如果你的Vite配置修改了outDir，请对应调整后续路径。

• 修改Tauri配置文件
  打开项目根目录的tauri.conf.json，调整以下两个配置项：

  1. 将build.devPath从原来的"http://localhost:5173"（或其他Vite默认端口）修改为前端产物的本地路径，比如：

     "devPath": "./dist"
     

  2. 将build.beforeDevCommand设置为空字符串，阻止Tauri自动启动Vite dev server：

     "beforeDevCommand": ""
     

完成以上设置后，执行npm run tauri dev时，Tauri会直接加载你预构建的前端静态文件，不会再启动Vite的本地托管服务。如果后续修改了前端代码，需要重新执行npm run build更新产物，再启动Tauri dev即可。

内容的提问来源于stack exchange，提问作者Anmol Moudgil