nginx怎么修改跨域配置 nginx 怎么设置跨域调用接口
nginx\u600e\u4e48\u4fee\u6539\u8de8\u57df\u914d\u7f6e\u901a\u8fc7add_header\u547d\u4ee4\u4e3a\u54cd\u5e94\u589e\u52a0\u8de8\u57df\u5934\uff1a
add_header "Access-Control-Allow-Origin" "*";
nginx\u4e2d\u8bbe\u7f6e\u5141\u8bb8\u8de8\u57df\u7684\u54cd\u5e94\u5934\u65b9\u6cd5\uff1a
\u6dfb\u52a0\u5982\u4e0blocation\uff1a
location / {
add_header Access-Control-Allow-Origin *;
}
\u4f1a\u5728\u54cd\u5e94\u5934\u4e2d\u6dfb\u52a0Access-Control-Allow-Origin\u5b57\u6bb5\u4ee5\u5141\u8bb8\u8de8\u57df
Access-Control-Allow-Origin控制跨域源
Access-Control-Allow-Credentials控制是否带cookie
Access-Control-Expose-Headers控制跨域拿到的一些额外字段
绛旓細 angular鍦ㄥ紑鍙戠幆澧冧笅浠ｇ悊鍦板潃鐨勬柟娉曠被浼煎湪鐢熶骇鐜涓嬩娇鐢ㄧ殑nginx浠ｇ悊銆備絾鏄祴璇昦ngular鏄湁涓涓/api浠ｇ悊鍦板潃鐨勫阀鍚堛傚垰濂界涓夋柟api涓婇潰鐨勫湴鍧鏈変釜api锛屾墠鑳戒娇鐢ㄨ繖涓湴鍧锛屽苟涓旇兘澶熺畝鍐欎竴涓猘pi锛屾墠鑳芥垚鍔熻闂紝濡傛灉鏇存敼涓哄叾瀹冪殑锛岃濡俻roxy锛屽氨娴嬭瘯澶辫触銆傝屼笖proxy.conf.json鏂囦欢涓嬬殑璁剧疆涔熷彧鑳...
绛旓細鏈渚挎嵎鐨勮繕鏄娇鐢nginx鍙嶅悜浠ｇ悊鍚с備緥濡傦紝鍋囪鍚庣鐨刬p鍜岀鍙ｅ彿涓猴細192.168.111.222:8080锛屽墠绔殑ip鍜岀鍙ｅ彿涓猴細192.168.111.222:8001锛屾鏃跺墠鍚庣绔彛涓嶄竴鑷村鑷璺ㄥ煙銆傞儴缃蹭竴涓猲gnix锛淇敼ngnix瀹夎鐩綍涓嬬殑/config/nginx.conf鏂囦欢锛屽垰瀹夎鐨刵gnix鐨閰嶇疆鏂囦欢閲岄粯璁ゅ簲璇ヤ负锛氬湪http鐨勭涓涓猻erver鑺傜偣涓...
绛旓細title: 娴忚鍣ㄨ法鍩熷強鍏惰В鍐虫柟妗 author: May date: 20220428 浠涔堟槸璺ㄥ煙璺ㄥ煙鐨勮〃鐜拌В鍐宠法鍩熼棶棰- 娴忚鍣璁剧疆(涓嶆帹鑽)- 鍓嶇鐨勯潪姝ｇ粺瑙ｅ喅鏂瑰紡- CORS(璺ㄥ煙璧勬簮鍏变韩)- 閰嶇疆nginx鍙嶅悜浠ｇ悊 璺ㄥ煙 鍑轰簬娴忚鍣ㄧ殑鍚屾簮绛栫暐闄愬埗锛 鍚屾簮 鏄寚鍗忚銆佸煙鍚嶃佺鍙ｉ兘涓鏍凤紝 鍚屾簮绛栫暐锛圫ameoriginpolicy锛 鏄竴绉嶇害瀹...
绛旓細灏嗕笂渚嬬殑 index.html 鏀归犳垚濡備笅褰技锛氬啀鍦 nginx 鐨 proxy_pass 閰嶇疆鎴愬畠鎵浠ｇ悊鐨 SpringBoot 鐨勭湡瀹炶闂矾寰勩備緥濡傦細绠鍗曡捣瑙侊紝鎴戜滑杩欓噷鐨 Spring Boot 灏辫繍琛屽湪鏈湴锛屽苟鍗犵敤 8080 绔彛銆傚湪缁撳悎涓婅堪鐨勯厤缃紝鎰忓懗鐫鎴戜滑鍦ㄩ〉闈㈠彂璧风殑 http://127.0.0.1:80/api/hello 鐨勮姹傦紝琚 Nginx 鎺ユ敹鍚...
绛旓細鐩墠鐚滄祴杩欎釜浠ｇ悊鏈嶅姟鍣ㄥ彲鑳芥槸Node锛nginx 鐗堟湰锛 1.16.1 淇敼 nginx.conf 鏂囦欢涓嬬殑 serve 涓閰嶇疆锛氫妇渚嬶細鐢熶骇鐜涓嬬殑,鎴戜滑椤圭洰璺Nginx鏈嶅姟鍣ㄧ洃鍚殑 http://localhost:8088 涓婏紝閭ｄ箞涓婅堪璇锋眰鐨凴equest Url鐨勫氨鏄 http://localhost:8088/api/bookCate ; 杩欏簲璇ュ氨鏄垜浠殑浠ｇ悊鏈嶅姟鍣ㄤ腑璇ヨ祫婧...
绛旓細閫氳繃add_header鍛戒护涓哄搷搴斿鍔璺ㄥ煙澶达細add_header "Access-Control-Allow-Origin" "*";
绛旓細鍦ㄦ湇鍔″櫒绔洿鎺ヨ缃甴eader鍐呭锛欰ccess-Control-Allow-Origin锛氭垨鑰 Access-Control-Allow-Origin锛氬厑璁歌闂殑url 杩欐牱灏卞彲浠ョ洿鎺ヨ姹傚埌浠讳綍缃戠珯鎴栬呭厑璁歌闂殑url php绋嬪簭杩欐牱鍐欙細header('Access-Control-Allow-Origin锛*');鎴栬 header('Access-Control-Allow-Origin锛氬厑璁歌闂殑url ');鏂规硶2锛氬湪Nginx璁剧疆...
绛旓細5. 鏈嶅姟鍣ㄤ唬鐞 - Node.js浣滀负涓棿浠朵唬鐞 - Nginx鍙嶅悜浠ｇ悊 杩欎簺鍚庣鎵嬫鑳藉府鍔╁湪鏈嶅姟鍣ㄥ眰闈㈠鐞璺ㄥ煙璇锋眰锛岃浆鍙戣祫婧愬埌鐩爣鍩熴6. iframe閰嶅悎绛栫暐 iframe涔熸湁涓夌宸у鐨勮法鍩熷簲鐢ㄦ柟寮忥細iframe + document.domain: 閫傜敤浜庡瓙鍩熺浉鍚屼絾涓诲煙涓嶅悓鐨勬儏鍐碉紝閫氳繃璁剧疆鍏卞悓鐨勫瓙鍩燂紝瀹炵幇绐楀彛闂撮氫俊銆 iframe + ...
绛旓細淇濆瓨锛屾墽琛nginx -s reload 3.1 淇敼8082绔欑偣鐨閰嶇疆锛屼互鍏佽鏉ヨ嚜8081鐨勮法绔欒姹 鍐嶆鍒锋柊娴忚鍣紝鍙互鍙戠幇璇锋眰姝ｅ父杩斿洖浜 鍥犱负Response header涓繑鍥炰簡Access-Control-Allow-Origin: http://127.0.0.1:8081 5.1 MultipleAllowOriginValues 鍘熷洜锛歳esponse header涓繑鍥炰簡澶氫釜AccessControlAllowOrigin鍊硷紙...
绛旓細鍦˙涓nginx鐨剆erver{}娈靛姞涓鍙閰嶇疆锛歛dd_header Access-Control-Allow-Origin "*"; 璇曡瘯
