璺ㄥ煙闂鏄墠鍚庣鍒嗙椤圭洰涓潪甯告櫘閬嶇殑闂銆傛瘮濡俢odingmore瀛︿範缃戠珯鍓嶇鏈嶅姟杩愯鍦?080绔彛锛屽悗绔湇鍔¤繍琛屽湪9002绔彛锛岄偅涔堝墠绔湇鍔¤繍琛屽湪9002绔彛锛岃姹傚悗绔帴鍙ｄ細鍑虹幇璺ㄥ煙闂.403Forbidden鏄疕TTP鍗忚涓殑涓€绉嶇姸鎬佺爜锛圫tatusCode锛夛紝琛ㄧず铏界劧鍚庣鏈嶅姟鎴愬姛瑙ｆ瀽璇锋眰锛屼絾鍓嶇鏃犳潈璁块棶璇ヨ祫婧愩€傞偅涔堝浣曡В鍐宠繖涓棶棰樺憿锛熼€氬父鏈変袱绉嶆€濊矾锛氬墠绔娇鐢∟odejs浠ｇ悊锛堝紑鍙戠幆澧冿紝鐢熶骇鐜鍙互浣跨敤Nginx浠ｆ浛锛夋垨鑰呭悗绔紑鍚法鍩熻祫婧愬叡浜紝鏃犺鏄潰璇曡繕鏄紑鍙戯紝閮戒細缁忓父閬囧埌銆傝法鍩熼棶棰樼殑鍘熷洜鏄洜涓烘祻瑙堝櫒鐨勫悓婧愮瓥鐣ャ€備负浜嗛殧绂绘綔鍦ㄧ殑鎭舵剰鏂囦欢锛岄槻姝笉姝ｅ綋鏀诲嚮锛屾祻瑙堝櫒浼氶檺鍒朵粠鍚屼竴鏉ユ簮鍔犺浇鏂囨。鎴栬剼鏈互鍙婁粠鍏朵粬鏉ユ簮鍔犺浇璧勬簮銆備簰鍔ㄣ€傚墠闈㈡垜浠彁鍒帮紝鍓嶇杩愯鍦?080绔彛涓嬶紝鍚庣杩愯鍦?002绔彛涓嬶紝杩欑鎯呭喌灞炰簬涓嶅悓鏉ユ簮锛堜笉鍚屽煙鍚嶏紝涓嶅悓鍗忚锛屼笉鍚岀鍙ｏ級锛屾墍浠ュ墠绔姹備笅8080绔彛鐩存帴璁块棶9002绔彛锛屽悗绔帴鍙own鏃惰闂け璐ャ€傛纭殑鎵撳紑鏂瑰紡鏄粈涔堬紵鍓嶉潰鎴戜滑涔熸彁鍒颁簡鍓嶇浣跨敤Nodejs浠ｇ悊鎴栬€呭悗绔疄鐜拌法鍩熻祫婧愬叡浜€傝鎴戜滑涓€涓€缁冧範銆?銆丯odejs浠ｇ悊鍦∟odejs鍑虹幇涔嬪墠锛岀敤JavaScript缂栧啓鐨勭▼搴忛€氬父闇€瑕佸湪鐢ㄦ埛鐨勬祻瑙堝櫒涓婃墽琛屻€侼ode.js鍑虹幇鍚庯紝JavaScript涔熷彲浠ョ敤浜庢湇鍔″櫒绔紪绋嬨€侼odejs鍐呯疆鐨勪竴绯诲垪妯″潡浣垮緱绋嬪簭鍙互浣滀负涓€涓嫭绔嬬殑鏈嶅姟鍣ㄦ墽琛岋紝鏃犻渶IIS銆丄pache绛塛eb鏈嶅姟銆傛垜浠娇鐢∟odejs瑙ｅ喅璺ㄥ煙闂鐨勬€濊矾鏄湪鏈湴鍒涘缓涓€涓櫄鎷熸湇鍔″櫒锛屼唬鐞?080绔彛涓嬬殑鍓嶇璇锋眰锛屽悓鏃跺湪9002绔彛涓嬫帴鏀舵湇鍔″櫒绔殑鍝嶅簲锛岃繖鏍锋湇鍔″櫒涓庢湇鍔″櫒涔嬮棿鐨勬暟鎹氦浜掔畝鍗曘€備笉浼氭湁璺ㄥ煙闂銆傜涓€姝ユ槸閰嶇疆Nodejs浠ｇ悊鏈嶅姟module.exports={dev:{//PathsassetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'/api':{target:'http://localhost:9002',//浣犺姹傜殑绗笁鏂规帴鍙hangeOrigin:false,//浼氬湪鏈湴鍒涘缓涓€涓櫄鎷熸湇鍔″櫒锛岀劧鍚庡悓鏃跺彂閫佸拰鎺ユ敹璇锋眰鐨勬暟鎹紝杩欐牱鏈嶅姟鍣ㄤ箣闂寸殑鏁版嵁浜や簰鑰屼笖鏈嶅姟鍣ㄤ篃涓嶉毦銆備細鏈夎法鍩熼棶棰榩athRewrite:{//璺緞閲嶅啓,'^/api':''//鏇挎崲target涓殑璇锋眰鍦板潃锛屼篃灏辨槸璇翠綘璇锋眰鐨勬槸http://api.codingmore.top/v2/浠ュ悗鐨刋XXXX鍦板潃鍙互鐩存帴鍐欐垚/api銆倉},},}绗簩姝ラ厤缃墠绔闂姹傝矾寰刴odule.exports=merge(prodEnv,{NODE_ENV:'"development"',VUE_APP_BASE_API:'"/api"'//VUE_APP_BASE_API:'"http://localhost:9002"'})绗笁姝ワ紝閲嶅惎鍓嶇鏈嶅姟锛屽啀娆＄偣鍑烩€滅櫥褰曗€濇寜閽紝鍙互鐪嬪埌璇锋眰鐨刄RL宸茬粡鏀瑰彉銆備互鍓嶆槸http://localhost:9002/users/login锛岀幇鍦ㄦ槸http://localhost:9002/users/login/localhost:8080/api/users/login銆傚悓鏃跺彲浠ョ湅鍒板浜嗕竴涓猂emoteAddress锛岀鍙ｄ篃鏄?080銆備篃灏辨槸璇达紝閫氳繃Nodejs鐨勪唬鐞嗭紝鍓嶅悗绔殑浜や簰鏄悓婧愪笅鐨勶紝杩欐牱涓嶄細鍑虹幇璺ㄥ煙闂銆傚悓鏃跺彲浠ョ湅鍒版湇鍔″櫒杩斿洖鐨勭姸鎬佺爜鍙樻垚浜?00锛岃〃绀鸿姹傛垚鍔熴€?銆佸惎鐢ㄨ法鍩熻祫婧愬叡浜法鍩熻祫婧愬叡浜紝涔熺О涓篊ross-OriginResourceSharing锛岀畝绉癈ORS锛屾槸涓€绉嶅熀浜嶩TTP澶翠俊鎭殑鏈哄埗锛岄€氳繃璁╂湇鍔″櫒璇嗗埆璧勬簮鏉ュ疄鐜拌法鍩熻祫婧愰櫎浜嗘湰韬闂€傜涓€姝ユ槸鍚敤CORS鏀寔銆傚湪SpringBoot搴旂敤涓紝娣诲姞CORS鏀寔瀹炲湪鏄お绠€鍗曚簡锛屼笉蹇嶇洿瑙嗐€傚彧闇€娣诲姞涓€涓厤缃被銆侤ConfigurationpublicclassGlobalCorsConfig{@BeanpublicCorsFiltercorsFilter(){CorsConfigurationconfig=newCorsConfiguration();//璁剧疆瑕佸厑璁哥殑缃戠珯鍩熷悕config.addAllowedOrigin("http://localhost:8080");//鍏佽璺ㄥ煙鍙戦€乧ookieconfig.setAllowCredentials(true);//鍏佽鎵€鏈夊師濮嬪ご淇℃伅config.addAllowedHeader("*");//鍏佽鎵€鏈夎姹傛柟娉曡法鍩熻皟鐢╟onfig.addAllowedMethod("*");UrlBasedCorsConfigurationSourcesource=newUrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/**",閰嶇疆);杩斿洖鏂扮殑CorsFilter锛堟潵婧愶級锛泒}绗簩姝ワ紝閲嶅惎鍚庡彴鏈嶅姟锛屽啀娆＄偣鍑荤櫥褰曟寜閽紝鍙戠幇璇锋眰鍙互姝ｅ父璁块棶浜嗐€傛湰渚嬩腑锛屽鏋滃悗鍙拌繑鍥濧ccess-Control-Allow-Origin:http://localhost:8080锛屽垯琛ㄧず鍚庡彴杩愯鍦?002绔彛鐨勬帴鍙ｅ彲浠ヨ鍓嶇鍦?080绔彛鐨勮姹傝闂埌銆傚鏋滃厑璁告墍鏈夊煙鍚嶉兘鍙互璺ㄥ煙璋冪敤锛屽彧闇€瑕佹敼涓€琛屼唬鐮併€?/鍏佽鎵€鏈夊煙鍚嶈法鍩熻皟鐢╟onfig.addAllowedOriginPattern("*");//璁剧疆浣犺鍏佽鐨勭綉绔欏煙鍚?/config.addAllowedOrigin("http://localhost:8080");瀵逛簬鐧诲綍杩欑绠€鍗曠殑璇锋眰鑰岃█锛屼笉浼氳Е鍙慍ORS棰勬锛屾墍浠ヤ笉闇€瑕佸湪鏈嶅姟绔坊鍔犲叾浠栭厤缃€傞偅涔堜粈涔堟槸绠€鍗曡姹傚憿锛?锛夎姹傛柟寮忎负浠ヤ笅涓夌鏂瑰紡涔嬩竴锛欻EADGETPOST2锛塇TTP澶翠俊鎭笉瓒呰繃浠ヤ笅瀛楁锛欰cceptAccept-LanguageContent-LanguageLast-Event-IDContent-Type锛氶檺浜庝笁涓€糰pplication/x-www-form-urlencoded,multipart/form-data,text/plain锛岀敤浜庝細瑙﹀彂CORSpreflight鐨勯潪绠€鍗曡姹傦紙渚嬪璇锋眰鏂规硶涓篜UT鎴朌ELETE锛屾垨鑰匔ontent-Type瀛楁鐨勭被鍨嬩负application/json锛屾垨鑰呰姹傚ご鍖呭惈涓€浜涜嚜瀹氫箟瀛楁锛夛紝鎴戣鎬庝箞鍔烇紵瀵逛簬闈炵畝鍗曡姹傦紝鍦ㄦ寮忛€氫俊涔嬪墠浼氭坊鍔犱竴涓狧TTP鏌ヨ璇锋眰锛岀О涓衡€減reflight鈥濊姹傘€傞妫€璇锋眰閫氳繃鍚庯紝杩斿洖姝ｅ父鐨勫搷搴斿唴瀹广€備互Codingmall鐨勬枃绔犵鐞嗛〉闈负渚嬨€傝椤甸潰灏嗗悜鍚庣鍙戣捣posts/queryPageable鍒嗛〉鏌ヨ銆傝姹備腑鍖呭惈鑷畾涔夌殑娑堟伅澶碅uthorization锛屾墍浠ユ祻瑙堝櫒浼氳涓鸿璇锋眰鏄竴涓潪绠€鍗曡姹傦紝鐒跺悗浼氳嚜鍔ㄥ彂璧蜂竴涓狾PTIONS璇锋眰锛屼絾鏄敱浜庢垜浠殑SpringBoot椤圭洰闆嗘垚浜哠pringsScurity瀹夊叏绠＄悊妗嗘灦锛屾墍浠ョ櫥褰曢壌鏉冩槸OPTIONS璇锋眰娌℃湁閲婃斁锛屽鑷存牎楠屽け璐ワ紝娌℃湁杩斿洖鏂囩珷鍒嗛〉璇锋眰鐨勫搷搴旀暟鎹€傜涓夋锛岄€氳繃濡備笅浠ｇ爜浼犻€扥PTIONS璇锋眰銆傚叕鍏辩被SecurityConfig鎵╁睍WebSecurityConfigurerAdapter{@Overrideprotectedvoidconfigure(HttpSecurityhttpSecurity)throwsException{//鍏佽璺ㄥ煙璇锋眰鐨凮PTIONS璇锋眰registry.antMatchers(HttpMethod.OPTIONS)銆傚厑璁稿叏閮紙锛夛紱}}鍐嶆閲嶅惎鍚庣鏈嶅姟锛岄噸鏂拌闂枃绔犲垪琛ㄧ晫闈紝鍙戠幇鏈夊搷搴旀暟鎹€傞潪绠€鍗曡姹傚繀椤诲厛浣跨敤OPTIONS璇锋眰鏂瑰紡鍚戞湇鍔″櫒鍙戣捣preflight璇锋眰锛屼互浜嗚В鏈嶅姟鍣ㄦ槸鍚﹀厑璁稿疄闄呰姹傘€傗€滈妫€璇锋眰鈥濈殑浣跨敤閬垮厤浜嗚法鍩熻姹傚鏈嶅姟鍣ㄤ笂鐢ㄦ埛鏁版嵁鐨勬剰澶栧奖鍝嶃€備笅闈㈤€氳繃涓ゅ紶鍥炬潵绠€鍗曟€荤粨涓€涓嬮妫€璇锋眰鐨勫叏杩囩▼銆傜涓€涓槸鍙戣捣OPTIONS棰勬璇锋眰锛氱浜岀珷鏄彂璧锋寮忚姹傦細4.婧愮爜璺緞缂栫▼cat鍚庣婧愮爜锛歨ttps://github銆俢om/itwanger/c...缂栫▼鐚悗鍙扮鐞嗗墠绔簮鐮侊細https://github.com/itwanger/c...鍙傝€冮摼鎺ワ細璺ㄥ煙锛歨ttps://segmentfault.com/a/11...CORS锛歨ttps://developer.mozilla.org...闃竴宄帮細https://www.ruanyifeng.com/bl...绠€鍗曡姹?棰勬璇锋眰锛歨ttps://github.com/amandakela...鏈枃宸叉敹褰曞湪GitHub涓?.6k+star鐨勫紑婧愪笓鏍忋€奐ava 绋嬪簭鍛樿繘闃朵箣璺€嬨€傛嵁璇存瘡涓€涓紭绉€鐨凧ava绋嬪簭鍛橀兘鍠滄濂癸紝濂瑰菇榛橀瓒ｏ紝閫氫織鏄撴噦銆傚唴瀹瑰寘鎷琂ava鍩虹銆丣ava骞跺彂缂栫▼銆丣ava铏氭嫙鏈恒€丣ava浼佷笟绾у紑鍙戙€丣ava闈㈣瘯绛夋牳蹇冪煡璇嗙偣銆傚涔燡ava锛屽彧涓哄鎵綣ava绋嬪簭鍛樼殑杩涢樁涔嬭矾馃槃銆俬ttps://github.com/itwanger/toBeBetterJavaerstar杩欎釜瀛樺偍搴撴剰鍛崇潃浣犳湁娼滃姏鎴愪负涓€鍚嶄紭绉€鐨凧ava宸ョ▼甯堛€備篃鍙互鐐瑰嚮涓嬫柟閾炬帴璺宠浆鍒般€奐ava 绋嬪簭鍛樿繘闃朵箣璺€嬪畼缃戯紝寮€鍚剦蹇殑瀛︿範涔嬫梾銆俬ttps://tobebetterjavaer.com/娌℃湁浠€涔堣兘闃绘鎴戔€斺€旈櫎浜嗙洰鐨勶紝鍗充娇宀歌竟鏈夌帿鐟般€佺豢鑽拰瀹侀潤鐨勬腐婀撅紝鎴戜篃涓嶅彈鏉熺細銆?/p>
