shop-back/vite.config.ts

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import ViteComponents from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
import DefineOptions from 'unplugin-vue-define-options/vite'

import { resolve } from 'path'

// const proxy = {
//   '/api': {
//     target: 'https://v4-test.4dkankan.com/',
//     changeOrigin: true,
//     rewrite: path => path.replace(/^\/api/, '')
//   }
// }

// https://vitejs.dev/config/
export default ({ mode }) => defineConfig({
  base: './',
  plugins: [
    vue(),
    DefineOptions(),
    ViteComponents({
      resolvers: [
        AntDesignVueResolver({ resolveIcons: true, importStyle: 'less' })
      ],
      dts: 'src/components.d.ts'
    })
  ],
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        modifyVars: {
          'primary-color': '#0076F6',
          'link-color': '#0076F6',
          'border-radius-base': '2px'
        }
      }
    }
  },
  resolve: {
    alias: [
      {
        find: 'vue-i18n',
        replacement: 'vue-i18n/dist/vue-i18n.cjs.js'
      },
      {
        find: '@',
        replacement: resolve(__dirname, './src')
      },
      {
        find: '#',
        replacement: resolve(__dirname, './types')
      }
    ]
  },
  server: {
    host: '0.0.0.0',
    port: 5173,
    open: true,
    proxy: {
      '/api': {
        target: loadEnv(mode, process.cwd()).VITE_BASE_API_URL,
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  }
})