問題描述
如果是前后端分離的項目,本地開發環境需要訪問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
