vite再vue3.0中的接口代理

因为几位后台同学在同时开发接口,代理到他们各自的域名下,所以要做多个代理,这时出现了问题。
原本的写法是

proxy:{
    
    
	/api:{
    
    
		target:'baidu.com',
		changeOrgin:true,
		pathRewrite:{
    
    
			'^/api':''
		}
	},
	/bpi:{
    
    
		target:'baidu.com',
		changeOrgin:true,
		pathRewrite:{
    
    
			'^/bpi':''
		}
	},
}

对接接口的时候总是404后来修改成:

proxy:{
    
    
	/api:{
    
    
		target:'baidu.com',
		changeOrgin:true,
		rewrite: path => path.replace(/^\/api/,'')
	},
	/bpi:{
    
    
		target:'baidu.com',
		changeOrgin:true,
		rewrite: path => path.replace(/^\/bpi/,'')
	},
}

接口竟然好了,没有报404,讲道理,两种写法应该是都可以的,但确实第二种写法,好了,不知道是不是vite的原因,
写的接口要加上/api/,或者/bpi/,让代理知道代理什么

Guess you like

Origin blog.csdn.net/jinfeng_yu/article/details/119036157