Nuxt

Nuxt 是一个基于 Vue 的元框架。要了解更多关于 Nuxt 的信息，请访问 https://nuxt.com 。本指南适用于 Nuxt 3.11 版本。

检查清单

• 配置 ssr: false 以启用 SSG。Tauri 不支持基于服务端的解决方案。
• 当在 iOS 物理设备上运行时，设置 process_env_TAURI_DEV_HOST 作为开发服务器的主机 IP。
• 在 tauri.conf.json 中将 frontendDist 设置为 dist/。
• 使用 nuxi generate 编译。
• （可选）：在 nuxt.config.ts 中使用 telemetry: false 禁用遥测。

示例配置

1. 更新 Tauri 配置：

   npm

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "npm run dev",
       "beforeBuildCommand": "npm run generate",
       "devUrl": "http://localhost:3000",
       "frontendDist": "../dist"
     }
   }

   yarn

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "yarn dev",
       "beforeBuildCommand": "yarn generate",
       "devUrl": "http://localhost:3000",
       "frontendDist": "../dist"
     }
   }

   pnpm

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "pnpm dev",
       "beforeBuildCommand": "pnpm generate",
       "devUrl": "http://localhost:3000",
       "frontendDist": "../dist"
     }
   }

   deno

   tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "deno task dev",
       "beforeBuildCommand": "deno task generate",
       "devUrl": "http://localhost:3000",
       "frontendDist": "../dist"
     }
   }

2. 更新 Nuxt 配置：

   export default defineNuxtConfig({
     // （可选） 启用 Nuxt 调试工具
     devtools: { enabled: true },
     // 启用 SSG
     ssr: false,
     // 使开发服务器能够被其他设备发现，以便在 iOS 物理机运行。
     devServer: { host: process.env.TAURI_DEV_HOST || 'localhost' },
     vite: {
       // 为 Tauri 命令输出提供更好的支持
       clearScreen: false,
       // 启用环境变量
       // 其他环境变量可以在如下网页中获知：
       // https://v2.tauri.app/reference/environment-variables/
       envPrefix: ['VITE_', 'TAURI_'],
       server: {
         // Tauri需要一个确定的端口
         strictPort: true,
       },
     },
   });