前端本地開發(fā)的時候會遇到跨域問題，如果是前后端分離的項目大多數(shù)后端會給你處理，但是有些情況后端是不處理的，比如說我們有些小頁面開發(fā)好之后直接給后端，他們放到自己項目下，這時就不需要處理跨域了。
vue-cli開發(fā)的時候，官方已經(jīng)處理了很多東西，我們直接就可以通過配置proxy實現(xiàn)跨域開發(fā)。
但是比如目前我的需求就是一個簡單的小靜態(tài)頁面 ，直接jquery就可以解決，不想用那么大的東西。所以直接采用fillder實現(xiàn)。（啥？fillder是干啥的？自己百度一下吧。）
然后其他使用什么手機抓包等功能這里也不追溯，直接說怎么實現(xiàn)跨域。
-
點擊頂部Rules--->Customize Rules
image.png
2 . 全局搜索 OnBeforeResponse ，里面可以配置對某個url實現(xiàn)跨域，也可以配置所以跨域處理。
//if(oSession.uriContains("要處理的url")){
// oSession.oResponse["Access-Control-Allow-Origin"] = "允許的域名";
// oSession.oResponse["Access-Control-Allow-Credentials"] = true;
//}
oSession.oResponse["Access-Control-Allow-Origin"] = '*';
oSession.oResponse["Access-Control-Allow-Credentials"] = true;
image.png
- 好了，保存退出。就可以了。之后又跨域問題的頁面，直接啟動fillder就可以了。舉個栗子：
沒有啟動fillder
image.png
啟動了fillder之后
image.png
