vue proxy pathrewrite,
本文主要介绍vue代理配置路径重写不生效的问题及其解决方法。有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。
目录
代理配置路径重写覆盖无效的webpack代理-路径重写代理到本地
代理配置pathRewrite重写不生效
网上搜了一下也没看到我的情况。
devServer: {
代理服务器：{
//代理匹配前缀2
/api2 :
目标：“http://localhost:5001”，
pathRewrite: {^/api2: }，
ws:没错，
更改来源：真
},
//代理匹配前缀1
/api: {
目标：“http://本地主机：5000”，
pathRewrite: {^/api: }，
ws:真的，)
更改来源：真
}
}
}
一开始配置了/api2前缀的代理，没有问题。然后配置了带/api2前缀的代理，然后带/api2前缀的代理无法访问。
原因：因为/api在前，所以/api先匹配，比如/api2/test被访问。因为/api是先匹配的，重写/api的空字符串后路径变成了2/test，这自然是错误的。
解决方法：将/api2放在/api2前面，让api2先匹配，或者命名为/api2，这样就不能先匹配/api2了。
webpack代理---pathRewrite
今天遇到了一个问题。前提是我本地有后端，端口号不同。前端4000、后端3100和请求方法4000代理到3100。
代理到本地
接口请求模式如下
3358 localhost:4000/api/评分规则/all//每个请求后面都跟有/API
配置：
代理:{
/api: {
目标: http://localhost:3100 ，
changeOrigin: true，
PathRewrite: {//如果接口本身没有/api通过PathRewrite重写地址，这里把/api变成
^/api:
}
}
},
路径重写：重写路径
识别后端时，用null替换/api，但后端没有/api。
/api仅用于区分路由和接口。
是否配置pathRewrite取决于前端请求模式和后台接受模式。
ps：
例如，当我配置本地
前端请求参数时，有/api区分网页和界面，如果后台没有，则需要如上配置。
但是我在配置嘟嘟域名的时候，域名接口地址是带/api的，所以这个时候不需要配置pathRewrite。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。