vite

vite.config.ts配置文件

接口代理

// .env.dev.local
# 测试环境接口地址
VITE_API_URL = '/scm/'
# VITE_API_URL = 'https://testgateway.shuixing.com/scm/'

// vite.config.ts
export default defineConfig(({ command }) => {
    return {
        ...
        server: {
            port: 3000,
            host: '0.0.0.0',
            open: true, //热启动
            // 反向代理配置;
            proxy: {
                '/scm': {
                    target: 'http://127.0.0.1:22900', // 目标接口域名;
                    changeOrigin: true, // 是否跨域;
                    rewrite: (path) => path.replace(/^\/scm/, '/'),
                },
            },
        }
    }
})

拓展

谈一谈前端构建工具的本地代理配置（Webpack与Vite）
Vue 本地开发请求跨域的解决以及服务器代理的原理，永远不要做只用不学的人【一】
关于 vite.config.js 相关配置，拿走不谢