浼楁墍鍛ㄧ煡锛岄」鐩畬鎴愬悗浼氭墦鍖呭苟鍚姩浠ｇ爜銆傛湁鏃跺€欐垜浠渶瑕佸湪涓嶅悓鐨勭幆澧冨悓鏃朵笂缃戙€傞拡瀵逛笉鍚岀殑鐜锛屾垜浠睍绀虹殑椤甸潰鍜屽姛鑳芥湁鏃朵細鏈夊緢澶у樊寮傘€傚彉鍖栵紝閭ｄ箞鎴戜滑濡備綍搴斿杩欐牱鐨勫彉鍖栧憿锛熼棶棰樺湪Web搴旂敤绋嬪簭涓紝鎴戝彂鐜颁竴浜涘井涓嶈冻閬撶殑浜嬫儏鍙樺緱寰笉瓒抽亾涓旈毦浠ュ畬鎴愩€傚叾涓箣涓€灏辨槸澶勭悊涓嶅悓鐨勭幆澧冨彉閲忋€傚綋鎮ㄤ粛鍦ㄥ紑鍙戞偍鐨勫簲鐢ㄧ▼搴忔椂锛岄€氬父鍙湁涓€涓幆澧冨緢濂斤紝浣嗘槸褰撲竴浜涘叾浠栫敤鎴峰紑濮嬫祴璇曞畠鎴栨偍鎯宠鍙戝竷瀹冩椂锛屾偍鍙兘甯屾湜涓烘偍鐨凙PI浣跨敤涓嶅悓鐨刄RL锛屼緥濡傚紑鍙戠増鏈殑API銆傝闂柊鐨勭鐐规垨鏇村叏闈㈢殑璁板綍鍣紝浠ュ強缁忚繃鑹ソ娴嬭瘯骞跺叿鏈夊彂甯冪増鏈殑鐢熶骇鏁版嵁搴撶殑API鐨勭敓浜у氨缁増鏈€傛湁鏃舵偍闇€瑕佷袱涓互涓婄殑鐜锛屼緥濡傦細寮€鍙戯細杩欐槸鎮ㄥ紑鍙戝簲鐢ㄧ▼搴忔墍鏈夋柊鍔熻兘鐨勫湴鏂癸紱杩欎釜鐜宸茬粡鍑嗗濂藉府鍔╀綘鑾峰緱鏇村ソ鐨勬棩蹇楀拰涓€涓亣鏁版嵁搴擄紝濡傛灉浣犺姳璐瑰緢澶氾紝浣犲彲浠ラ殢鎰忓垹闄ゅ苟閲嶆柊鍒涘缓瀹冧滑锛涚敓浜э細杩欐槸浣犲皢鍙戝竷鐨勭増鏈紝閭ｄ箞浣犲浣曚负涓嶅悓鐨勭幆澧冨瓨鍌紙鍜屼娇鐢級涓嶅悓鐨勫彉閲忥紵鏄剧劧锛屾垜璇曞浘璋锋瓕瀵绘壘绛旀锛屼絾鎴戝彂鐜扮殑瑙ｅ喅鏂规浼间箮澶毦鎴栦笉澶熺伒娲汇€備娇鐢?env鏄繖涓枃浠躲€傛垜浠彲浠ュ湪鏂囦欢涓畾涔夋垜浠渶瑕佺殑閰嶇疆锛岀劧鍚庡湪椤圭洰涓娇鐢╬rocess.env鍏ㄥ眬鍙橀噺鏉ヨ幏鍙栥€傚０鏄庣殑灞炴€у湪vue鍜宺eact涓湁鐗规畩鐨勫懡鍚嶈姹傘€傛瘮濡倂ue涓殑灞炴€у悕蹇呴』浠UE\_APP\_寮€澶达紝姣斿VUE\_APP\_XXX锛宺eact闇€瑕佷互REACT_APP寮€澶淬€備笉骞哥殑鏄紝瀹冧技涔庢渶澶氬彧鑳藉鐞嗕袱绉嶇幆澧冿紙涓€绉嶅紑鍙戠幆澧冨拰涓€绉嶅彂甯?鐢熶骇鐜锛夛紝骞朵笖杩樻湁涓€浜涘彲鎬曠殑鍙橀噺缂撳瓨銆傛洿绠€鍗曠殑鏂规锛屽弬鑰冨悗绔厤缃墦鍖卲rofile鐨勬柟寮忋€傝繖鏄垜鐩墠姝ｅ湪浣跨敤鐨勬柟娉曪紱鍑嗗濂芥偍鐨勬墜鎸囷紝鍥犱负鎮ㄥ皢闇€瑕佸垱寤轰竴浜涙柊鏂囦欢銆傞鍏堬紝鎴戜滑灏嗘墍鏈夌幆澧冨瓨鍌ㄥ湪envs鏂囦欢澶逛腑鐨凧SON鏂囦欢涓€傛垜灏嗕负鏈枃鍒涘缓3涓幆澧冿紙寮€鍙戙€佹殏瀛樺拰鐢熶骇锛夛紝姣忎釜鐜閮芥湁涓嶅悓鐨凙PI\_URL銆傛樉鐒讹紝鎮ㄥ彲浠ユ牴鎹渶瑕佹坊鍔犱换鎰忔暟閲忕殑鍙橀噺锛乪nvs/development.json{"API\_URL":"https://development.api.com",}envs/staging.json{"API\_URL":"https://staging.api.com",}envs/production.json{"API\_URL":"https://production.api.com",}鐜板湪锛屾垜浠皢鍒涘缓涓€涓妭鐐硅剼鏈紝姣忔鎴戜滑鎯宠鍒囨崲鐜鏃堕兘浼氭洿鏀圭幆澧冩枃浠躲€傛垜鎶婂畠鏀惧湪鑴氭湰鏂囦欢澶逛腑锛堟垜鏈夊叾浠栬剼鏈彲浠ヨ嚜鍔ㄦ墽琛屾瀯寤鸿繃绋嬬殑鍏朵粬閮ㄥ垎锛塻cripts/set-environment.js#锛?bin/nodeconstfs=require("fs");//鑾峰彇浼犻€掔粰node鑴氭湰鐨勭幆澧冨瓧绗︿覆constenvironment=process.argv[2]//璇诲彇json鏂囦欢鍐呭constenvFileContent=require(`../envs/${鐜}.json`);//灏唀nv.json鏂囦欢閲岄潰鐨刯son澶嶅埗鍒癴s.writeFileSync("env.json",JSON.stringify(envFileContent,undefined,2));杩欒缃簡environment.js棣栧厛锛屽畠灏嗙涓€涓弬鏁板瓨鍌ㄥ湪涓€涓彉閲忎腑锛屽綋浣犺皟鐢ㄨ剼鏈椂锛屽畠浼氳姹傛牴鏂囦欢澶逛腑鐨勫悓鍚嶆枃浠秂nvs锛屾渶鍚庡畠浼氬垱寤轰竴涓猠nv.json鏂囦欢锛屽叾涓寘鍚玡nvFileContent鍐呭銆傜幇鍦ㄦ垜浠彲浠ュ皾璇曡皟鐢╪odescripts/set-environment.jsdevelop鉁∕AGIC鉁?..鍦ㄦ纭殑浣嶇疆鍒涘缓涓€涓柊鐨別nv.json鏂囦欢锛屼负鎵€鏈夊彉閲忔彁渚涙湇鍔°€傛澶栵紝鎮ㄥ彲浠ュ湪package.json鏂囦欢涓缃竴浜涜剼鏈潵鍒囨崲鐜锛岃€屾棤闇€鍦ㄧ粓绔腑閿叆鎵€鏈夊崟璇嶏細鍙渶閿叆yarnenv:dev銆倇"name":"浣犵殑搴旂敤鍚嶇О","scripts":{"start":"start","env:staging":"nodescripts/set-environment.jsstaging","env:dev":"nodescripts/set-environment.jsdev","env:prod":"nodescripts/set-environment.jsprod,"duction",...},"dependencies":{...},...}鍚姩鏃跺厛鏍规嵁闇€瑕佸惎鍔ㄥ搴旂殑env鍛戒护锛坣pmrunenv:staging锛夛紝鐒跺悗鐢╪pmrunstart鍛戒护鍚姩椤圭洰锛屼篃鍙互浣跨敤concurrently鍚堝苟鍚姩鍛戒护濡備綍浣跨敤鏂扮殑.env鏂囦欢鍦ㄤ唬鐮佷腑鐜板湪锛屼綘鍙渶瑕佷粠src/env.json鏂囦欢涓鍏ュ彉閲忥紝灏卞彲浠ヤ簡锛侌煔€濡備綍鑷姩鍒囨崲鐜鐜板湪锛屾垜浠渶瑕佷竴绉嶈嚜鍔ㄥ垏鎹㈢幆澧冪殑鏂规硶銆傚鏋滄垜浠垱寤轰竴浜沺ackage.json涓柊澧炶剼鏈紝杩欎釜鍑犱箮鏄厤璐圭殑锛屽悗鏈熸垜浠篃鍙互灏嗘墦鍖呭悗鐨勬枃浠讹紙src/env.json锛夌粺涓€鏀惧湪涓€涓枃浠朵腑锛屽彧闇€瑕佷慨鏀筬s鐨勫啓鍏ヨ矾寰勫嵆鍙湪/set-environment.js鏂囦欢涓€?/p>
