标签：跨域 pathRewrite blog 404 csdn https net 请求

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"变成了""

标签：跨域,pathRewrite,blog,404,csdn,https,net,请求
来源： https://www.cnblogs.com/lujiangping/p/10999749.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。