DeepAICloud/vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    // 配置 @ 指向 src
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  css: {
    // 让 Less 也支持 @ 路径
    preprocessorOptions: {
      less: {
        math: 'always',
        relativeUrls: true,
        javascriptEnabled: true,
        additionalData: `@import "@/assets/style/index.less";`,
        paths: [path.resolve(__dirname, 'src')],
        modifyVars: {
          // 全局主色
          '@primary-color': '#3275FF',
          // 辅助色
          '@success-color': '#00b42a',
          '@warning-color': '#ff7d00',
          '@error-color': '#f53f3f',
          // 圆角、边框
          '@border-radius-base': '4px',
          '@border-color-base': '#e5e6eb',
        }
      }
    }
  },
  // 关键：设置基础路径为相对路径
  base: './',
  build: {
    // 可选：打包资源文件夹名称，默认assets
    assetsDir: 'static',
    // 静态资源内联阈值，小图片转base64
    assetsInlineLimit: 4096,
    // 关闭 sourcemap（生产环境推荐）
    sourcemap: false
  },
  // 加上这个！解决热更新失效
  server: {
    port: 5173,         // 你想优先用的端口
    strictPort: false,  // 端口被占用时，是否强制覆盖
    watch: {
      usePolling: true // 强制监听文件变化
    },
    // 开启本地代理
    proxy: {
      // 匹配所有 /api 开头的请求
      '/ucenter': {
        // 后端真实接口地址
        target: 'https://test.4dkankan.com',
        // 开启跨域
        changeOrigin: true,
        // 重写路径：去掉请求地址里的 /api
        // rewrite: (path) => path.replace(/^\/ucenter/, '')
      },
      '/cloud-acl': {
        // 后端真实接口地址
        target: 'https://test.4dkankan.com',
        // 开启跨域
        changeOrigin: true,
        // 重写路径：去掉请求地址里的 /api
        // rewrite: (path) => path.replace(/^\/ucenter/, '')
      }
    }
  }
})