2021-04-21

关于vue代理重写pathRewrite的作用与适用场景

踩坑点:同一个api后边不同的参数要访问两个不同域名(如图所示)

2021-04-21_第1张图片

不会走到第二个域名,都会到第一个域名,会产生404的问题,此时想到的方法是用pathRewrite去改变域名

2021-04-21_第2张图片

他的意思就是到api下的api/dashboard会更改你代理名称,直接代理到箭头的地方,同时我也这么认为,坑就在这里他是/dashboard的同时,他还是/api/dashboard所以第一个会api拦截根本不会走到箭头的地方,所以理想的pathRewrite并没有起到效果,而我能想到的他的作用

2021-04-21_第3张图片

这里的作用,相当于是替代‘/api’,如果接口中是没有api的,那就直接置空,就像我截图的一样,如果接口中有api,那就得写成{‘^/api’:‘/api’},可以理解为一个重定向或者重新赋值的功能。

但是针对此次遇到的问题用pathRewrite却需要包两层,我采用了我粗暴的比较方法,可以救急,但是不建议长期使用

2021-04-21_第4张图片

 

谢谢!

 

 

你可能感兴趣的:(vue,nginx)