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

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import vueSetupExtend from 'vite-plugin-vue-setup-extend'

// 参考：https://cn.vitejs.dev/config/
export default defineConfig({
	base: './',
	resolve: {
		// 配置别名
		alias: {
			'@': resolve(__dirname, './src'),
			'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
		}
	},
	plugins: [
		vue(),
		vueSetupExtend(),
		createSvgIconsPlugin({
			iconDirs: [resolve(__dirname, 'src/icons/svg')],
			symbolId: 'icon-[dir]-[name]'
		})
	],
	server: {
		host: '0.0.0.0',
		port: 3000, // 端口号
		open: true, // 是否自动打开浏览器
		proxy: {
			'/api': { // 请求接口中要替换的标识
				target: 'http://localhost:8080', // 代理地址
				// target: 'http://maku.ontech.top/api', // 代理地址
				changeOrigin: true, // 是否允许跨域
				secure: true,
				rewrite: (path) => path.replace(/^\/api/, '')
			}
		}
	}
})