kev/Drawer/drawer-htmlroot/nuxt.config.ts

import { compile } from "vue";
import { loadEnv } from 'vite'
import { H3Event, type EventHandlerRequest } from 'h3'
import type { PrerenderRoute } from 'nitropack'

const env = loadEnv(process.env.NODE_ENV, process.cwd(), '')
// https://nuxt.com/docs/api/configuration/nuxt-config
export default ({
  app: {
    head: {
      title: "KEP图形处理分析软件Web版",
      charset: 'utf-8',
      htmlAttrs: {
        lang: 'zh-CN'
      },
      link: [
        { rel: 'icon', type: 'image/png', href: '/img/KEP001.png' }
      ]
    },
    buildAssetsDir: '/_nuxt/', // 默认值
  },
  // ssr: true,
  debug: false,
  runtimeConfig: {
    public: {
      wsUrl: env.VITE_WS_URL || '配置未成功读取，请检查配置文件', // WebSocket URL
      // 图片加载路径
      imgUrl: env.VITE_IMG_URL || '配置未成功读取，请检查配置文件',
      // 数据缓存目录
      dataDir: env.VITE_DATA_DIR || '配置未成功读取，请检查配置文件',
      // 请求后端API地址
      apiBaseUrl: env.VITE_API_URL || '配置未成功读取，请检查配置文件',
      apiTimeout: env.VITE_API_TIMEOUT ? parseInt(env.VITE_API_TIMEOUT) : 10000, // API请求超时时间
      signalRUrl: env.VITE_SIGNALR_URL || 'SIGNALR访问路径未加载成功',
      baseURL: env.NUXT_PUBLIC_API_BASE || '配置未成功读取，请检查配置文件',
      cookieName: 'auth_data',
    }
  },
  compatibilityDate: '2025-05-15',
  devtools: { enabled: false },
  typescript: {
    strict: true,
    typeCheck: true,
    shim: false,
    tsConfig: {
      compilerOptions: {
        // 允许更灵活的类型赋值
        strictNullChecks: false
      }
    }
  },
  css: ['~/assets/css/main.css',
    '~/assets/css/reset.css',
    'element-plus/dist/index.css',
    '~/assets/css/element-overrides.scss',
    '~/assets/css/transitions.css'],
  modules: ["@pinia/nuxt", '@element-plus/nuxt', 'nuxt-proxy', '@nuxtjs/device'],
  elementPlus: {
    importStyle: 'css',
    importLocale: 'zh-CN',
  },
  // 确保正确处理环境变量
  // sourcemap: env.NODE_ENV !== 'production',
  build: {
    // 添加图片加载器
    loaders: {
      imgUrl: { limit: 8192 } // 小于8KB转base64
    },

    transpile: ['element-plus', 'vue-toastification']
  },
  image: {
    presets: {
      custom: { modifiers: { format: 'webp' } }
    }
  },
  icon: {
    customCollections: [
      {
        prefix: 'c-icon',
        dir: './assets/icons'
      }
    ]
  },
  nitro: {
    preset: 'node-server',
    // 缩小捆绑包
    minify: true,
    // 关闭源映射生成
    sourceMap: false,
    experimental: {
      websocket: true // 启用 WebSocket 支持
    },
    devProxy: {
      // '/event': {
      //   target: env.VITE_WS_URL || '配置未成功读取，请检查配置文件',
      //   changeOrigin: true,
      //   ws: true, // 启用 WebSocket 代理
      // },
      // '/drawHub': {
      //   target: env.VITE_SIGNALR_URL || '配置未成功读取，请检查配置文件',
      //   changeOrigin: true,
      //   ws: true
      // },
      // '/api/': {
      //   target: env.VITE_API_URL,
      //   changeOrigin: true,
      //   rewrite: (path: string) => path.replace(/^\/api/, ''),
      //   configure: (proxy: any) => {
      //     proxy.on('proxyReq', (proxyReq: any) => {
      //       // 确保代理传递所有方法
      //       // proxyReq.setHeader('Access-Control-Allow-Origin', 'http://localhost:3001');
      //       proxyReq.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
      //       proxyReq.setHeader('Access-Control-Allow-Headers', 'Content-Type,Authorization');
      //       proxyReq.setHeader('Access-Control-Allow-Credentials', 'true');
      //     });
      //   }
      // },
      // server: {
      //   cors: {
      //     origin: [
      //       'http://localhost:3001'
      //     ],
      //     credentials: true
      //   }
      // }
    },
    // routeRules: {
    //   '/api/**': {
    //     cors: true,
    //     headers: {
    //       'Access-Control-Allow-Credentials': 'true',
    //       'Access-Control-Allow-Origin': process.env.ALLOWED_ORIGIN || '*'
    //     }
    //   }
    // }
    // '/drawHub': {
    //   target: env.VITE_SIGNALR_URL || '配置未成功读取，请检查配置文件',
    //   changeOrigin: true,
    //   ws: true
    // },
    // server: {
    //   cors: {
    //     origin: [
    //       'http://localhost:3000'
    //     ],
    //     credentials: true
    //   }
    // },
    // '/api': {
    //   target: 'http://localhost:10001',
    //   changeOrigin: true,
    //   headers: {
    //     'X-Proxy': 'Nuxt-Dev-Server'
    //   },
    // 添加这些CORS相关头，确保代理请求正确处理
    // onResponse: (event, { response, options }) => {
    //   // 设置CORS头，确保前端可以正确接收响应
    //   response.headers.set('Access-Control-Allow-Origin', 'http://localhost:3000');
    //   response.headers.set('Access-Control-Allow-Methods', 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS');
    //   response.headers.set('Access-Control-Allow-Headers', 'Content-Type,Authorization');
    //   response.headers.set('Access-Control-Allow-Credentials', 'true');
    // }
    // }
  },
  // server: {
  //   host: '0.0.0.0',
  //   port: 3001,
  // },
  pinia: {
    // 指定store目录
    storeDir: "./stores",
    autoImports: [
      'defineStore',
      'acceptHMRUpdate',
      ['defineStore', 'definePiniaStore']
    ]
  },
  imports: {
    dirs: ['stores', 'composables', 'services']
  },
  plugins: [
    //'~/plugins/drawerRuler.js    
    '~/plugins/element-plus.client.ts',
    '~/plugins/progressBar.client.ts',
    '~/plugins/echarts.client.ts',
    '~/plugins/cookie.client.ts',
    '~/plugins/cookie.server.ts',
    '~/plugins/auth-init.client.ts',

  ],
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `
            @use "@/assets/element-variables.scss" as *;
          `
        }
      }
    },
    // plugins: [
    //   {
    //     name: 'log-env-vars',
    //     configResolved(config:any) {
    //       console.log('=== Vite 加载的环境变量 ===');
    //       console.log(config.env); // 检查是否包含 VITE_XXX 变量

    //     }
    //   }
    // ]
  },

  hooks: {
    // 在服务端构建完成后打印环境变量
    // 'build:done': () => {
    //   console.log('=== 环境变量加载结果 ===');
    //   console.log(process.env); // 检查是否包含目标变量
    // },
    // 'vue.setup'(app: any) {
    //   //
    //   if (typeof window !== 'undefined') {
    //     require('resize-observer-polyfill')
    //   }
    // },

    // 'pages.extend'(pages) {
    //   pages.forEach((page) => {
    //     if (page.path.startsWith('/')) {
    //       page.meta = page.meta || {};
    //       page.meta.requiresAuth = true;
    //     }
    //   });

    // }
    // hooks: {
    //   'prerender:routes'(routes: PrerenderRoute[]) {
    //     console.log('Prerendering routes:', routes)
    //   }
    // }
  },
  // routeRules: {
  //   '/**': {
  //     meta: { requiresAuth: true } // 自动为匹配路径添加 meta

  //   }
  // }
  router: {
    middleware: ['auth']
  }
})