vite.config.mjs

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

export default defineConfig({
    plugins: [react()],
    build: {
        sourcemap: true,
    },
    // develop server
    server: {
        host: true,
        port: 3000,
        proxy: {
            '/api': {
                target: 'http://clab-gosdn_csbi_arista_base-gosdn:8080',
                changeOrigin: true,
                secure: false,
                rewrite: (path) => path.replace(/^\/api/, ''),
                configure: (proxy, _options) => {
                    proxy.on('error', (err, _req, _res) => {
                        console.log('proxy error', err)
                    })
                    proxy.on('proxyReq', (proxyReq, req, _res) => {
                        console.log('Sending Request to the Target:', req.method, req.url)
                    })
                    proxy.on('proxyRes', (proxyRes, req, _res) => {
                        console.log(
                            'Received Response from the Target:',
                            proxyRes.statusCode,
                            req.url
                        )
                    })
                },
            },
        },
    },
    resolve: {
        alias: {
            '@assets': '/assets',
            '@api': '/src/shared/api',
            '@reducer': '/src/stores/reducer',
            '@provider': '/src/shared/provider',
            '@layout': '/src/shared/layouts',
            '@hooks': '/src/hooks.ts',
            '@task': '/src/shared/tasks',
            '@helper': '/src/shared/helper',
            '@routes': '/src/routes.tsx',
            '@utils': '/src/shared/utils',
            '@shared': '/src/shared',
            '@component': '/src/components',
            '@build': '/build/',
        },
    },
})