Vue跨域配置proxyTable中pathRewrite用法

笔者Vue项目小白,最近遇到“请求短信验证码”的需求,需要短信接口api,百度了一圈下来,遇到一篇实用的博文,结合自己的项目,折腾了一会,终于实现了,开心飞起啦啦啦。那么关于这个需求实现会在另一篇文章中分享。

言归正传,在实现过程中,请求短信接口api时,用到了跨域配置。以下都以短信api为例,见下图,那么,proxyTable 里面的pathRewrite里面的‘^/apis’:''究竟 什么意思呢?

其实,用代理的话, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.

“/apis”:{}表示接口以/apis开头的要用代理,如果没有pathRewrite且调用接口为:/apis,那么接口代理路径就是:http://utf8.api.smschinese.cn/apis/xx/xx

但是在调用短信接口api时,正确的路径是没有/apis的,所以就用到了

pathRewrite: {

'^/apis': ''

}

'^/apis': ''表示把/apis替换为‘’(空字符串),这样既能使用代理,又能在请求接口api时去掉/apis,获得正确的短信api路径。

 

参考网址:https://www.cnblogs.com/hanguidong/p/9460495.html

 

 

 

 

 

 

你可能感兴趣的:(Vue,nodeJS,Vue,proxyTable,pathRewrite)