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

转载于:https://www.cnblogs.com/GentleKBP/p/10243011.html