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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM