vue2配置http-proxy代理，vue3vite配置代理

vue配置http-proxy解决跨域问题！

1. 先下载 npm install -save http-proxy
2. 在main.js中将请求根路径配置为"/api"

axios.defaults.baseURL = "/api"

3. 在根路径新建vue.config.js文件
4. 在文件中导出

module.export= {
    devSever:{
        '/api':{
            target:`http://192.168.1.162.8002`, //真实的服务器地址
            changeOrigin:true, //是否跨域
            pathRewrite:{
                "^api":"" //将程序中的/api,替换为空字符串,在和target中的基础路径，拼接起来作为发送到服务器的最终请求地址。
            }
        }
    }
}

vite配置代理
在vite.congfig.ts中添加配置文件

export default defineConfig({
 plugins: [vue(),vueJsx() ]
 server:{
		proxy:{
			'/api':'http://localhost:3000'
		}
	},
})