vite请求代理结合环境变量配置

一、根目录增加env.development文件

VITE_BASE_URL='/api'

二、填写env.d.ts文件，

目的：方便在import.meta.env.这里提示

interface ImportMetaEnv{
  VITE_BASE_URL:string,
}

三、axios文件

export const http = axios.create({
  baseURL:import.meta.env.VITE_BASE_URL, //'api'
})

四、vite.config.ts文件

export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: '真正的地址',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  },
}

五、使用

http.get('list/1').then(res=>console.log(res))