Nuxt

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

检查清单

• 通过设置 ssr: false 使用 SSG。Tauri 不支持基于服务器的解决方案。
• 设置 iOS 实际设备运行时，使用 process.env.TAURI_DEV_HOST 作为开发服务器主机 IP。
• 在 tauri.conf.json 中，将 dist/ 作为 frontendDist 使用。
• 使用 nuxi generate 编译。
• (可选)：在 nuxt.config.ts 中设置 telemetry: false 以禁用遥测。

示例配置

1. 更新 Tauri 配置

   npm

   tauri.conf.json

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

   yarn

   tauri.conf.json

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

   pnpm

   tauri.conf.json

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

   deno

   tauri.conf.json

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

2. 更新 Nuxt 配置

   export default defineNuxtConfig({
     // (optional) Enable the Nuxt devtools
     devtools: { enabled: true },
     // Enable SSG
     ssr: false,
     // Enables the development server to be discoverable by other devices when running on iOS physical devices
     devServer: { host: process.env.TAURI_DEV_HOST || 'localhost' },
     vite: {
       // Better support for Tauri CLI output
       clearScreen: false,
       // Enable environment variables
       // Additional environment variables can be found at
       // https://v2.tauri.org.cn/reference/environment-variables/
       envPrefix: ['VITE_', 'TAURI_'],
       server: {
         // Tauri requires a consistent port
         strictPort: true,
       },
     },
   });