鍓嶈█褰撴垜浠娇鐢╲ue-cli鍚姩椤圭洰鏃讹紝npmrundev灏卞彲浠ュ惎鍔ㄦ垜浠殑椤圭洰銆傞€氬父鎴戜滑鐨勮姹傚湴鍧€鏄痩ocalhost:8080鏉ヨ姹傛帴鍙ｆ暟鎹紝localhost鏄病鏈夊姙娉曡缃甤ookie鐨勩€傛垜浠彲浠ュ湪vue-cli閰嶇疆鏂囦欢涓缃唬鐞嗐€傝法鍩熺殑鏂规硶鏈夊緢澶氾紝閫氬父闇€瑕佸湪鍚庡彴杩涜閰嶇疆銆傛垜浠彲浠ョ洿鎺ラ€氳繃node.js浠ｇ悊鏈嶅姟鍣ㄥ疄鐜拌法鍩熻姹傘€倂ueproxyTable鎺ュ彛璺ㄥ煙璇锋眰璋冭瘯鍦╲ue-cli椤圭洰鐨刢onfig鏂囦欢澶逛笅鐨刬ndex.js閰嶇疆鏂囦欢涓紝dev鏄繖鏍风殑锛歞ev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{},cssSourceMap:false}濡傛灉鏈嶅姟鍣ㄦ彁渚涚殑鎺ュ彛鏄繖鏍风殑https://www.exaple.com/server_new/login,鎴戜滑鎶婂煙鍚嶆彁鍙栧嚭鏉ワ紝姣斿https://www.exaple.com锛涘湪config涓垱寤轰竴涓悕涓簆roxyConfig.js鐨勬柊鏂囦欢:module.exports={proxy:{'/apis':{//Injectwww.exaple.comas/apistarget:'https://www.exaple.com',//鎺ュ彛鍩熷悕secure:false,//濡傛灉鏄痟ttps鎺ュ彛锛岄渶瑕侀厤缃鍙傛暟changeOrigin:true,//鏄惁璺ㄥ煙pathRewrite:{'^/apis':''//Rewrite闇€瑕侊紝}}}}濡傛灉鎺ュ彛鍦板潃鏈韩鏈変竴涓叕鍏卞墠缂€'/api'锛屽嵆https://www.exaple.com/api锛屽彲浠ヤ娇鐢╬athRewrite鍒犻櫎銆俢onfig鏂囦欢澶逛笅鐨刬ndex.js寮曞叆proxyConfig.js:varproxyConfig=require('./proxyConfig')config鏂囦欢澶逛笅index.js涓殑dev鏀逛负锛歞ev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:proxyConfig.proxy,cssSourceMap:false}閲嶅惎椤圭洰npmrundev:浣犱細鍙戠幇杩欐鎴戜滑璁剧疆濂戒簡鏈湴API浠ｇ悊骞朵慨鏀规湰鍦癶osts鏂囦欢锛寃indow鏂囦欢璺緞涓€鑸负C:\Window\System32\drivers\etc锛宮ac鐩存帴杩涘叆鏂囦欢澶?etc/hosts锛屾墦寮€hosts鏂囦欢锛屽湪鍏朵腑璁剧疆localhost鏈妭#localhost鍚嶇О瑙ｆ瀽鍦―NS鏈韩鍐呭鐞嗐€?127.0.0.1localhost#::1localhost127.0.0.1activate.adobe.com127.0.0.1practivate.adobe.com127.0.0.1lmlicenses.wip4.adobe.com127銆?.0.1lm.licenses.adobe.com127.0.0.1na1r.services.adobe.com127.0.0.1hlrcv.stage.adobe.comlocalhostwww.exaple.com澶у姛鍛婃垚鑷虫鎴戜滑宸茬粡瀹屽叏瑙ｅ喅浜嗚法鍩熼棶棰橈紝骞朵笖鏈湴娴嬭瘯鍚庡彴涓嶈兘缁欐垜浠湰鍦扮幆澧冭缃甤ookie杩欑瘒鏂囩珷鍙戣〃濂戒箙浜嗭紝寰堝浜虹淇￠棶鎴戝紑鍙戝湴鍧€鏄粈涔堬紝鍦ㄧ嚎鍦板潃鏄粈涔堛€傝繖閲岃ˉ鍏呮暀澶у涓€涓竴鍔虫案閫哥殑鏂规硶锛涘啓涓€涓猚onfig.js鏂囦欢浣滀负椤圭洰鍦板潃鐨勯厤缃€傚涓嬶細//椤圭洰鍩熷悕鍦板潃consturl='https://exaple.com';letROOT;//Root浼氳灏佽鍦ㄥ皝瑁呯殑axios璇锋眰涓€備负浜嗘柟渚匡紝鍚庨潰灏变笉鏀逛簡锛屽垽鏂綋鍓嶇幆澧冦€傚拰鐢熸垚鐨勪笉鍚孯OOTif(process.env.NODE_ENV==='development'){//寮€鍙戠幆澧冧腑鐨勪唬鐞嗗湴鍧€锛岃В鍐虫湰鍦拌法鍩熷拰璺ㄥ煙锛屽湪index.js涓厤缃甊OOTdev.proxyTableconfig鐩綍涓?"/apis"}else{//鐢熶骇鐜涓殑鍦板潃ROOT=url;}exports.PROXYROOT=url;//浠ｇ悊鎸囧悜鍦板潃exports.ROOT=ROOT;杩欓噷鏆撮湶浜嗕袱涓帴鍙ｏ紝涓€涓綔涓轰唬鐞嗘寚鍚戝湴鍧€锛屼篃灏辨槸鐪熸鐨勮姹傚湴鍧€锛屼竴涓槸鎴戜滑ajax璇锋眰鐨勫湴鍧€銆傛垜浠湪鎴戜滑閰嶇疆鐨刟jax涓紩鍏OOT锛岀劧鍚庝慨鏀筽roxyConfig.js濡備笅锛歝onstconfig=require("../src/fetch/config");//鏇存敼璺緞涓簃odule.exports={proxy:{[config.ROOT]:{//娉ㄥ叆www.exaple.comas/apistarget:config.PROXYROOT,,//鎺ュ彛鍩熷悕secure:false,//濡傛灉鏄痟ttps鎺ュ彛锛岄渶瑕侀厤缃繖涓弬鏁癱hangeOrigin:true,//鏄惁璺ㄥ煙pathRewrite:{[`^${config.ROOT}`]:''//闇€瑕侀噸鍐檥}}}涔嬪悗锛屾棤璁烘槸鐢熶骇鐜杩樻槸寮€鍙戠幆澧冿紝鎴戜滑閮戒笉鍐嶉渶瑕佷慨鏀规垜浠殑璇锋眰鍦板潃銆傛枃绗旀瘮杈冭崏鐜囷紝娌℃湁鏁寸悊鎬濊矾锛岃嚜宸辨€荤粨涓€涓嬨€備篃灏辨槸璇达紝鍦ㄦ垜浠箣鍓嶇殑鏂规硶涓紝npmrundev鏃讹紝ajax璇锋眰鎺ュ彛鍦板潃闇€瑕佸甫涓?apis锛岃€屽鏋滄垜浠湪npmrunbuild涓紝鍒欓渶瑕佸皢ajax鎺ュ彛鍦板潃鏀逛负鐪熷疄鍦板潃www.exaple.com锛岄潪甯镐笉鏂逛究锛屾瘡娆￠兘瑕佹崲銆傜劧鍚庢垜浠€氳繃process.env.NODE_ENV鍒ゆ柇鐜锛屼粠鑰屽鍑轰笉鍚岀殑鎺ュ彛銆傚棷锛屽鏋滄湁涓嶆槸寰堟竻妤氱殑鏈嬪弸绉佷俊鎴戯紝鎴戜細閲嶆柊鏁寸悊涓€涓嬪綋鍓嶇殑鏁欑▼銆傝兘鐪嬫噦鎴戝姞鐨勫氨鍒敼浜嗗搱鍝堭煒勩€?/p>
