跨域 nginx反向代理proxy未添加pathRewrite导致的404问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了跨域 nginx反向代理proxy未添加pathRewrite导致的404问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1518字，纯文字阅读大概需要3分钟。

内容图文

pathRewrite是使用proxy进行代理时，对请求路径进行重定向以匹配到正确的请求地址

未添加pathWrite时：

proxy: {
'/csdn': {
target: 'https://blog.csdn.net',
changeOrigin: true
}
}

 

现在想请求CSDN中某一个页面的某个接口，配置代理如上，请求代码附上

axios.get("/csdn/u014427391/article/getSideArticles?
pageindex=3&articleId=84980219&length=20")
.then(function(response) {
console.log(response);
});

使用axios进行请求。实际上，我们要请求的接口地址是：“https://blog.csdn.net/u014427391/article/getSideArticles?pageindex=3&articleId=84980219&length=20”

配置代理"/csdn"对应的target为:"https://blog.csdn.net"，那么没有使用pathRewrite进行路径重定向时，加入我们像上述axios的代码那样进行请求时，代码中的GET请求是 "/csdn/u014427391/article/getSideArticles?pageindex=3&articleId=84980219&length=20"

由于proxy的配置，此请求会被代理成"https://blog.csdn.net/csdn/u014427391/article/getSideArticles?pageindex=3&articleId=84980219&length=20"。

可以看出请求地址中多了个"/csdn"，此时浏览器会报404错误，此时我们就需要用到pathRewrite重定向功能。

所以需要去掉请求路径中多余的"/csdn"，此时我们就需要用到pathRewrite进行路径的重定向了。直接上代码如下：

proxy: {
'/csdn': {
target: 'https://blog.csdn.net',
changeOrigin: true,
pathRewrite: {
'^/csdn': '/'
}
}
}

 

加了路径的重定向代码pathRewrite，上述代码以正则匹配规则将以"/csdn"开头的请求地址修改为""，也就是说，我们这样配置后，当我们请求"/csdn/abc"的时候，会被重写为请求"/abc"，直接在请求地址中将"/csdn"变成了""

内容总结

以上是互联网集市为您收集整理的跨域 nginx反向代理proxy未添加pathRewrite导致的404问题全部内容，希望文章能够帮你解决跨域 nginx反向代理proxy未添加pathRewrite导致的404问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---