vue-cli 项目代理 proxyTable (多个接口) 如何配置exclude

问题描述

如果是前后端分离的项目,本地开发环境需要访问mock,或者在调试时直接访问线上的接口,这时候就会有接口跨域的问题(mock不存在跨域问题,但是用这个方法配置起来方便,姑且算是一个问题)。

以vue-cli生成的项目为例,需要配置 config/index.js 中的 proxyTable 属性,大概如下:

配置多个接口

其实 实现代理功能的插件是 http-proxy-middleware

其中就提到最后一条就可以实现 ,写成类似 ['/api/**', '!**/bad.json'] 这样的就行了。

看了源码后,proxy接收参数其实是个数组,并且里面有一个context值,就是来传递http-proxy-middleware第一个参数的。所以,我们不用傻傻的按照vue-cli给的不敢动,只要改成下面的就行了

推荐博客  https://blog.csdn.net/zhaolandelong/article/details/79109162

猜你喜欢

转载自www.cnblogs.com/GentleKBP/p/10243011.html