请求接口时跨域问题，前端解决方法
在前后端接口请求中，由于浏览器的限制，会出现跨域的情况。常用的跨域方案有：
1、JSONP跨域
2、Nginx反向代理
3、服务器端修改header
4、document.domain
5、window.name
6、postMessage
7、后台配置运行跨域
当一个请求url的 协议、域名、端口 三者之间任意一个与当前页面url不同即为跨域
特别注意两点：
1、如果是协议和端口造成的跨域问题“前台”是无能为力的，
2、在跨域问题上，域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。
绛旓細绗簩锛氬湪璺ㄥ煙闂涓婏紝鍩熶粎浠呮槸閫氳繃鈥淯RL鐨棣栭儴鈥濇潵璇嗗埆鑰屼笉浼氬幓灏濊瘯鍒ゆ柇鐩稿悓鐨刬p鍦板潃瀵瑰簲鐫涓や釜鍩熸垨涓や釜鍩熸槸鍚﹀湪鍚屼竴涓猧p涓娿傗淯RL鐨勯閮ㄢ濇寚window.location.protocol +window.location.host锛屼篃鍙互鐞嗚В涓衡淒omains, protocols and ports must match鈥濄2. 鍓嶇瑙ｅ喅璺ㄥ煙闂 1> document.domain + ...
绛旓細鎯宠褰诲簳瑙ｅ喅璺ㄥ煙闂锛鍙渶瑕佺牬鍧忎互涓婁笁涓潯浠剁殑浠讳竴鍗冲彲锛氭坊鍔犳祻瑙堝櫒鍚姩鍙傛暟锛 chrome --disable-web-security 锛屼絾鏄瀬涓嶆帹鑽愯繖绉嶈В鍐虫柟寮忋侸sonp锛屽叏绉 JSON with Padding 锛屼竴绉嶉潪瀹樻柟鐨勫崗璁紝鑰屾槸涓绉嶇害瀹氾紱鍓嶇閫氳繃鍚戝悗鍙板彂閫 script 绫诲瀷璇锋眰瑙ｅ喅璺ㄥ煙锛屾鏃鎺ュ彛鍝嶅簲鐨 application/javascript ...
绛旓細杩欑瘒鏂囩珷涓昏浠嬬粛浜嗗叧浜庡叧浜嶢jax濡備綍瀹炵幇璺ㄥ煙璁块棶鐨勯棶棰橈紝鏈夌潃涓瀹氱殑鍙傝冧环鍊硷紝鐜板湪鍒嗕韩缁欏ぇ瀹讹紝鏈夐渶瑕佺殑鏈嬪弸鍙互鍙傝冧竴涓嬪湪瀹為檯椤圭洰褰撲腑锛屾垜浠粡甯镐細閬囧埌鍚屼竴涓煙鍚嶄笅涓嶅悓椤圭洰涔嬮棿閫氳繃Ajax鐩镐簰璋冪敤鏁版嵁锛岃繖鏍烽棶棰樺氨鏉ヤ簡锛屽浣曢氳繃Ajax瀹炵幇璺ㄥ煙鍛紵瑙ｅ喅鏂规1.JsonpJsonp瑙ｅ喅璺ㄥ煙鐩稿绠鍗曪紝鏈嶅姟鍣ㄦ棤闇浠讳綍閰嶇疆銆
绛旓細鏈変竴绉嶇畝鏄鐨璇存硶鏉ヨВ閲婂箍鍩熻法鍩燂細璺ㄥ煙璁块棶锛岀畝鍗曟潵璇村氨鏄 A 缃戠珯鐨 javascript 浠ｇ爜璇曞浘璁块棶 B 缃戠珯锛屽寘鎷彁浜ゅ唴瀹瑰拰鑾峰彇鍐呭銆傜敱浜庡畨鍏ㄥ師鍥锛岃法鍩璁块棶鏄鍚勫ぇ娴忚鍣ㄦ墍榛樿绂佹鐨勩瑙ｅ喅鏂规锛1銆乯s鍚戞湇鍔″櫒鍙戦璇锋眰锛鐒跺悗璁╂湇鍔″櫒鍘诲彟涓涓煙涓婅幏鍙栨暟鎹悗杩斿洖銆傦紙鐢ㄤ簬浣犳棤娉曟帶鍒跺彟涓涓煙锛 姣斿php涓...
绛旓細杩欐缁欏ぇ瀹跺甫鏉ユ庝箞鍒╃敤webpack澶勭悊璺ㄥ煙璇锋眰锛屽埄鐢╳ebpack澶勭悊璺ㄥ煙璇锋眰鐨娉ㄦ剰浜嬮」鏈夊摢浜涳紝涓嬮潰灏辨槸瀹炴垬妗堜緥锛屼竴璧锋潵鐪嬩竴涓嬨傚湪鍓嶇璋冭瘯鐨勬椂鍊欙紝璺ㄥ煙涓鐩撮兘鏄竴涓瘮杈冮夯鐑鐨勯棶棰橈紝杩欎釜鍦ㄤ箣鍓嶇殑鏂囩珷 鍏充簬璺ㄥ煙闂鐨勪竴涓瑙ｅ喅鏂规硶 涓叾瀹炲凡缁忚璁轰簡涓浜涘彲浠ヤ娇鐢ㄧ殑鏂规硶銆傚鏋滆浣跨敤 JSONP锛岀涓鏄渶瑕佷慨鏀圭殑鍦版柟...
绛旓細鍦╒ue椤圭洰寮鍙戜腑锛岃法鍩熼棶棰甯稿父鏄鍓嶇寮鍙戣呬笉寰椾笉闈㈠鐨勬寫鎴樸傝繖婧愪簬娴忚鍣ㄧ殑鍚屾簮绛栫暐锛屽畠涓ユ牸闄愬埗浜嗘潵鑷笉鍚屾簮鐨勭綉缁璇锋眰銆傝鎴戜滑涓璧锋潵娣卞叆浜嗚В杩欎釜闂鐨勬垚鍥犮瑙ｅ喅鏂规浠ュ強鍦╒ue涓紭闆澶勭悊璺ㄥ煙鐨绛栫暐銆傝法鍩熼棶棰樿瑙 璺ㄥ煙闂涓昏婧愪簬娴忚鍣ㄧ殑鍚屾簮绛栫暐锛屽畠闃叉浜嗘伓鎰忕綉绔欓氳繃鑴氭湰鍚戝叾浠栫綉绔欏彂閫佽姹傘備负瑙ｅ喅...
绛旓細闇瑕佸悗绔繍琛岃法鍩熴傚悗绔湪鍝嶅簲澶村姞鍏ュ厑璁璺ㄥ煙鐨鍙傛暟灏卞彲浠ヤ簡銆鍓嶇涔熷彲浠ヤ娇鐢ㄤ唬鐞嗘彃浠跺鍘熷煙鍚嶈繘琛屼唬鐞嗚闂
绛旓細鑷繁鎼竴涓皬鍨嬫湇鍔″櫒灏卞彲浠ヤ簡銆傛垨鑰厀ebstorm鍜宐rackets閮芥湁鑷繁闆嗘垚鐨灏忓瀷鏈嶅姟鍣紝鑳瑙ｅ喅璺ㄥ煙闂銆傝繕鏈変竴绉嶆柟娉曪紝灏辨槸濡傛灉鏄痗hrome娴忚鍣ㄧ殑璇 杩欓噷鍔犱笂鈥--allow-file-access-from-files鈥濅篃鍙互瑙ｅ喅璺ㄥ煙闂
绛旓細鍙互浣跨敤鏈嶅姟鍣ㄤ唬鐞嗘垨鑰呭湪鍚庣璁剧疆鍏佽璺ㄥ煙銆傜幇鍦ㄧ殑椤圭洰涓鑸槸鍦ㄥ悗绔缃厑璁璺ㄥ煙锛屽墠绔鍦ㄥ甫鏈夊厑璁璺ㄥ煙鐨鎯呭喌涓嬶紝鍙互鍍忔病鏈夎法鍩熶竴鏍锋甯歌闂傚鏋滃墠绔崟鐙彂甯冨埌鏈嶅姟鍣紝涔熷彲浠ュ湪鏈嶅姟鍣ㄦ槸璁剧疆浠ｇ悊锛屼娇鐢ㄤ唬鐞嗚浆鍙璇锋眰銆
绛旓細娴忚鍣ㄩ渶瑕佷粈涔堬紝鎺ュ彛鏈嶅姟缁欎粈涔堛俷ginx鏄竴涓珮鎬ц兘鐨凥TTP鍜屽弽鍚戜唬鐞唚eb鏈嶅姟鍣紝nginx鐢ㄦ潵瑙ｅ喅璺ㄥ煙闂鐨勫師鐞嗕笌 鍓嶇闈炴缁熻В鍐虫柟寮 鐨 proxy 鐨勬濊矾鏄竴鑷寸殑銆傞」鐩璇锋眰鎺ュ彛鐢眓ginx鏈嶅姟鍙戝嚭锛岃幏鍙栧埌鐨勬暟鎹啀缁忕敱nginx浼犻掔粰鍓嶇椤圭洰锛岃繖鏍鍓嶇鐨璇锋眰鍏跺疄閮芥槸鐢眓ginx澶勭悊鐨锛屽氨娌℃湁璺ㄥ煙鍙戠敓浜嗐
