鍦ㄥ墠绔紑鍙戣繃绋嬩腑锛屽墠鍚庣鑱旇皟鏃讹紝鎬讳細鍑虹幇鏄悇绉嶅悇鏍风殑闂銆備粖澶╂垜灏辨妸姣忎竴绉嶆儏鍐电畝鍗曟€荤粨涓€涓嬭褰曚笅鏉ュ垎浜粰澶у锛?銆侀」鐩惎鍔ㄦ椂锛屽鏋滃凡缁忓紑鍙戝ソapi鎺ュ彛锛屽垯涓嶅瓨鍦ㄨ闂銆傚墠绔彲浠ョ洿鎺ヨ皟鎺ュ彛锛屽熀鏈槸搴熻瘽馃榿2.api鎺ュ彛鍜屽墠绔悓鏃跺紑鍙戞椂锛屽墠绔浣曡嚜妫€锛屾ā鎷熸帴鍙ｈ仈璋冿紝閬垮厤鍚屾椂璺ㄥ煙闂銆傛垜浠兘鐭ラ亾璺ㄥ煙闂鍙彂鐢熷湪娴忚鍣ㄧ鍜屾湇鍔″櫒绔紝鏈嶅姟鍣ㄧ鍜屾湇鍔″櫒绔笉瀛樺湪璺ㄥ煙闂銆傞偅涔堝墠绔嚜娴嬫椂濡備綍閬垮厤璺ㄥ煙鍛紵Browser---銆婼erver锛堟垜浠幓杩欎釜鏈嶅姟鍣ㄥ彲浠ヤ娇鐢╠evServer鎴栬€卬ginx锛?--銆婣PI+1锛夊墠绔彲浠ュ湪vue.config.js閰嶇疆鏂囦欢涓嚜瀹氫箟鎺ュ彛锛岄厤缃甦evServer锛堝憡璇夊叾瀹炶繖涓柟娉曢渶瑕佸墠绔node鏈変竴鐐逛簡瑙ｏ紝鏈夌偣璐瑰姏)constbodyParser=require("body-parser");module.exports={devServer:{before:app=>{//璁剧疆鍙傛暟澶勭悊涓棿浠禷pp.use(bodyParser.json());//post鍙傛暟//url鍙傛暟app.use(bodyParser.urlencoded({extended:true,}),);app.post("/dev-api/user/login",(req,res)=>{const{username}=req.body;if(username==="admin"||username==="jerry"){res.json({code:1,data:username,});}else{res.json({code:10204,message:"鐢ㄦ埛鍚嶆垨瀵嗙爜涓嶆纭?,});}});app.get("/dev-api/user/info",(req,res)=>{//璇锋眰澶磋幏鍙杢okenconstauth=req.headers["authorization"];//杞崲涓哄搷搴旇鑹瞔onstroles=auth.split("")[1]==="涓€涓猟min"?["admin"]:["editor"];res.json({code:1,data:roles,});});},}}+2)鍓嶇鍒嗙鐨勬儏鍐典笅杩樻湁鍚庣鐨勪唬鐮侊紝濡傛灉鍦╪ode绔啓API锛岄渶瑕佸湪鍓嶇閰嶇疆proxy銆?锛夊湪椤圭洰涓垱寤簊erver鐩綍锛宑reateindex.jsconstexpress=require("express");constapp=express();constbodyParser=require("body-parser");app.use(bodyParser.json());app.use(bodyParser.urlencoded({extended:true}));app.post("/user/login",(req,res)=>{const{username}=req.body;if(username==="admin"||username==="jerry"){res.json({code:1,data:username});}else{res.json({code:10204,娑堟伅锛氣€滅敤鎴峰悕鎴栧瘑鐮侀敊璇€潁);}});app.get("/user/info",(req,res)=>{constroles=req.headers['authorization'].split('')[1]?["admin"]:["editor"];res.json({code:1,data:roles});});app.listen(3000);2)鍦╲ue.config.js鐨刣evServer涓厤缃唬鐞唒roxy:{//proxy/dev-api/user/login鍒癶ttp://127.0.0.1:3000/user/login[process.env.VUE_APP_BASE_API]:{target:`http://127.0.0.1:3000/`,changeOrigin:true,pathRewrite:{//鐪嬫湁娌℃湁鍚庡彴锛屽喅瀹氭槸鍚﹂噸鍐橻"^"+process.env.VUE_APP_BASE_API]:""}}},3锛夊惎鍔╯erver涓嬬殑index锛岀洃鍚?000绔彛锛屽悓鏃跺鐞嗚法鍩焠odeindex.js4锛夊惎鍔ㄥ墠绔」鐩畁pmrunserve+3锛変娇鐢╡asy-mock妯℃嫙娉細easy-mock缃戠珯缁忓父鎸傛帀锛岄渶瑕佹垜浠嚜宸卞湪鏈湴鎼缓涓€涓」鐩€傝缁嗘楠ゅ涓嬶細1锛夊畨瑁呭伐鍏穘vmwindowsmac浣跨敤nvm瀹夎node8.xnvminstall8.16.0mongodbwindowsmacrediswindowsmac鍏嬮殕esay-mock椤圭洰gitclonehttps://github.com/easy-mock/...2锛夋湇鍔ongodbmongodredisredis-serveresay-mocknpminpmrundev
