import path from "node:path";
import react from "@vitejs/plugin-react";
import { defineConfig, loadEnv } from "vite";
import tailwindcss from "tailwindcss";
import autoprefixer from "autoprefixer";

export default defineConfig(({ mode }) => {
	const env = loadEnv(mode, process.cwd(), "");

	return {
		plugins: [react()],
		css: {
			postcss: {
				plugins: [tailwindcss, autoprefixer],
			},
		},
		resolve: {
			alias: {
				"@": path.resolve(__dirname, "./src"),
			},
		},
		server: {
			proxy: {
				// 나머지 /api 경로 처리
				"/api": {
					target: env.VITE_API_PROXY_TARGET,
					changeOrigin: true,
					configure: (proxy, _options) => {
						proxy.on("proxyReq", (proxyReq, _req, _res) => {
							proxyReq.setHeader("X-Api-Key", env.VITE_API_KEY);
							proxyReq.removeHeader("cookie");
						});
					},
				},
			},
		},
	};
});