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

本文主要是介绍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))

这篇关于vite请求代理结合环境变量配置的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---