vue-cli中proxy的pathRewrite该怎么使用
很多同学明明配置好了跨域,可是接口还是返回404,不明所以
跨域的原理我就不讲了
直接上代码显示
假如我的接口是https://api.douban.com/v2/music/search?q=周杰伦
1 | devServer: { |
那我调用时就可以将接口写成这样/mgr/v2/music/search?q=周杰伦
那这个pathRewrite到底是干嘛用的,为什么有时候需要写,有时候不需要写
其实很简单,用代理, 首先你得有一个标识, 告诉node, 我接口只要是’/mgr’开头的才用代理.所以你的接口就要这么写 /mgr/xx/xx. 最后代理的路径就是 http://xxx.xx.com/mgr/xx/xx.
可是不对啊, 我正确的接口路径里面没有/mgr啊. 所以就需要 pathRewrite,用'^/mgr':''
, 把’/mgr’去掉, 这样既能有正确标识, 又能在请求接口的时候去掉mgr.
现在换一种不用pathRewrite的写法
接口同样不变
1 | devServer: { |
这时候接口就要写成这样/v2/music/search?q=周杰伦
,因为v2是真的在接口中出现的,不能去掉
以上就是我对pathRewrite的一些理解,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。
-------------本文结束感谢您的阅读-------------