一行代码帮你管理项目的请求接口-vue-request
鍘熻皡鎴戠殑鏍囬鍏氿煒嗭紝甯屾湜澶у鑳芥娊鍑犲垎閽熺湅涓€涓嬨€俈ueRequest鈿★笍涓€涓猇ue3缁勫悎API璇锋眰搴擄紝鍙互杞绘澗甯綘绠＄悊璇锋眰鐘舵€侊紙SWR銆佽疆璇€侀敊璇噸璇曘€佺紦瀛樸€佸垎椤电瓑锛変负浠€涔堥€夋嫨VueRequest鍦ㄤ箣鍓嶇殑涓氬姟椤圭洰涓紝缁忓父鐢ㄤ簬鍔犺浇鐘舵€佺鐞嗭紝涓€澶撮浘姘撮€氳繃璇锋眰鑺傛祦闃叉姈銆佹帴鍙ｆ暟鎹紦瀛樸€佸垎椤电瓑閲嶅瀹炵幇銆傛瘡娆℃垜浠紑濮嬩竴涓柊鐨勯」鐩紝鎴戜滑閮借鎵嬪姩澶勭悊杩欎簺闂锛岃繖鏄竴涓噸澶嶇殑宸ヤ綔锛屾垜浠繀椤讳繚璇佸洟闃熺殑涓€鑷存€с€俈ueRequest鏃ㄥ湪涓哄紑鍙戣€呮彁渚涗竴绉嶆柟渚垮揩鎹风殑鏂瑰紡鏉ョ鐞嗙晫闈㈢殑鐘舵€併€傚湪涓氬姟寮€鍙戜腑鐪佸幓涓婅堪鈥滆剰娲烩€濓紝绠€鍗曢厤缃嵆鍙娇鐢紝涓撴敞浜庢牳蹇冧笟鍔＄殑寮€鍙戙€傜壒鐐桂煔€鎵€鏈夋暟鎹搷搴旔煍勮疆璇㈣姹傪煠栬嚜鍔ㄥ鐞嗛敊璇噸璇曫煑勫唴缃姹傜紦瀛橉煉ц妭娴佽姹傚拰闃叉姈璇锋眰馃幆鑱氱劍椤甸潰鏃惰嚜鍔ㄩ噸鏂拌姹傗殭锔忓己澶х殑鍒嗛〉鎵╁睍鍜屽姞杞芥洿澶氭墿灞曫煋犲畬鍏ㄤ娇鐢ㄤ功闈㈠湪Typescript涓紝鍏锋湁寮哄ぇ鐨勭被鍨嬫彁绀衡殹锔忓吋瀹筕ite馃崈杞婚噺绾ю煋﹀紑绠卞嵆鐢ㄧ殑鏂囨。鑻辨枃涓枃鏂囨。瀹夎鎮ㄥ彲浠ラ€氳繃NPM銆乊ARN鎴?script>瀵煎叆unpkg.com涓婄殑鍖呫€俷pmnpminstallvue-request#oryarnaddvue-requestCDN瀵逛簬鐢熶骇鐜锛屾垜浠缓璁摼鎺ュ埌涓€涓槑纭殑鐗堟湰鍙峰拰鏋勫缓鏂囦欢锛屼互閬垮厤鏂扮増鏈鑷存剰澶栨崯鍧忋€?scriptsrc="https://unpkg.com/vue-request/dist/vue-request.min.js">鍦ㄩ〉闈腑娣诲姞鍚庯紝灏卞彲浠ュ湪window.VueRequest鏂规硶涓闂簡鎴戜滑鍑哄彛銆傜ず渚?template>
鑾峰彇澶辫触 鍦ㄦ绀轰緥涓紝useRequest鎺ユ敹鏈嶅姟鍑芥暟銆俿ervice鏄竴涓紓姝ヨ姹傚嚱鏁帮紝鎹㈠彞璇濊锛屼綘鍙互浣跨敤axios鑾峰彇鏁版嵁锛岀劧鍚庤繑鍥炰竴涓狿romise銆傚彲浠ュ湪鏂囨。涓壘鍒版洿鍏蜂綋鐨勮鏄庛€倁seRequest涔熻繑鍥炰笁涓€硷紝data銆乴oading鍜宔rror銆傚綋璇锋眰鏈畬鎴愭椂锛宒ata灏嗘槸鏈畾涔夌殑锛宭oading灏嗚璁剧疆涓簍rue銆傚綋璇锋眰瀹屾垚鍚庯紝浼氭牴鎹姹傜粨鏋滆缃甦ata鍜宔rror锛屽苟娓叉煋椤甸潰銆傝繖鏄洜涓篸ata銆乴oading鍜宔rror鏄疺ue鐨勫搷搴斿紡寮曠敤锛圧efs锛夛紝瀹冧滑鐨勫€间細鏍规嵁璇锋眰鐘舵€佸拰缁撴灉杩涜淇敼銆備竴浜涘緢閰风殑鐗规€ueRequest鏈夊緢澶氱壒鎬э紝姣斿閿欒閲嶈瘯銆佺紦瀛樸€佸垎椤点€佽妭娴併€侀槻鎶栤€︹€﹁繖閲屾湁涓や釜寰堥叿鐨勭壒鎬?.椤甸潰鑱氱劍鏃惰嚜鍔ㄩ噸鏂拌姹傛湁鏃跺€欙紝浣犻渶瑕佷繚璇佹暟鎹涓祻瑙堝櫒绐楀彛涔嬮棿鐨勪竴鑷存€э紱鎴栬€呭綋鐢ㄦ埛鐢佃剳浼戠湢鍚庘€嬧€嬮噸鏂版縺娲绘椂锛岄渶瑕佸皢椤甸潰鏁版嵁鍚屾鍒版渶鏂扮姸鎬併€俽efreshOnWindowFocus鍙兘浼氫负鎮ㄨ妭鐪佸ぇ閲忛€昏緫浠ｇ爜銆傜偣姝ょ洿杈炬枃妗onst{data,error,run}=useRequest(getUserInfo,{refreshOnWindowFocus:true,refocusTimespan:1000,//璇锋眰闂撮殧鏃堕棿});2.杞鏁版嵁鏈夋椂鍊欙紝闇€瑕佷繚璇佸涓澶囦箣闂寸殑鏁版嵁鍚屾鏇存柊銆傝繖鏃跺€欐垜浠彲浠ヤ娇鐢ㄦ垜浠彁渚涚殑pollingInterval鍛ㄦ湡鎬х殑閲嶆柊璇锋眰鎺ュ彛锛屼粠鑰屼繚璇佸涓澶囦箣闂寸殑鏁版嵁涓€鑷存€с€傚綋鐢ㄦ埛淇敼鏁版嵁鏃讹紝涓や釜绐楀彛浼氬疄鏃跺悓姝ユ洿鏂般€傜偣鍑昏繖閲岀洿鎺ヨ繘鍏ユ枃妗onst{data,error,run}=useRequest(getUserInfo,{pollingInterval:1000,//璇锋眰闂撮殧});鑷磋阿鎰熻阿浠栦滑涓烘垜浠彁渚涚伒鎰焩ercel/swralibaba/hooks缁堜簬鍔姏鎴愪负鏈€濂界敤鐨刅ue璇锋眰搴擄紒鏈€鍚庡湪鏈€鍚庣暀涓嬩竴涓粨搴撳湴鍧€锛屽笇鏈涙湁鍏磋叮鐨勫悓瀛﹀彲浠ョ粰涓猄tar鍝︹湪
