vue本地开发中我们经常使用代理转发本地请求到服务器,vue-cli创建的项目默认使用的是http-proxy-middleware
进行的代理,然而却对于如何配置一知半解,感觉文档讲解的也不是很透彻(PS:也许是我个人理解能力不行),今天终于沉下心来势必要把如何配置搞清楚,最后看到一个大佬的回答如醍醐灌顶。
用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.
'/iclient': {}, 就是告诉node, 我接口只要是'/iclient'开头的才用代理.所以你的接口就要这么写 /iclient/xx/xx. 最后代理的路径就是 http://xxx.xx.com/iclient/xx/xx.
可是不对啊, 我正确的接口路径里面没有/iclient啊. 所以就需要 pathRewrite,用''^/iclient'':'', 把'/iclient'去掉, 这样既能有正确标识, 又能在请求接口的时候去掉iclient.