Vad är Cors?
CORS är en W3C-standard, vilket står för "Cross-origin resource sharing".
Den tillåter webbläsaren att göra XMLHttpRequest-förfrågningar till servrar med kors ursprungs, vilket övervinner begränsningen att AJAX endast kan användas homogent.
1. Introduktion
CORS kräver både webbläsar- och serverstöd. För närvarande stöder alla webbläsare denna funktion, och IE-webbläsaren kan inte vara lägre än IE10.
Hela kommunikationsprocessen för CORS slutförs automatiskt av webbläsaren och kräver inget användarmedverkan. För utvecklare skiljer sig CORS-kommunikation inte från homolog AJAX-kommunikation, och koden är exakt densamma. När webbläsaren upptäcker att en AJAX-förfrågan korsar källan, kommer den automatiskt att lägga till ytterligare headerinformation, och ibland ytterligare en förfrågan, men användaren kommer inte att känna av det.
Därför är nyckeln till att uppnå CORS-kommunikation servern. Så länge servern implementerar CORS-gränssnittet kan den kommunicera mellan källor.
Faktum är att webbserverprogram (såsom ASP.NET eller PHP, etc.) inte kan skilja på och inte hanterar om en inkommande HTTP-förfrågan är en domänöverskridande Ajax-förfrågan.CORS är utformat för att lösa detta problem, och W3C:s anpassade CORS-standard ger webbläsare en mekanism för att tillåta Ajax-cross-domain-förfrågningar.
2: Inbyggd JS Ajax-förfrågningskod
Eftersom jag inte vill referera till jQuery kapslade jag in följande metoder med js, enligt följande:
Ajax begär gränssnittstester och hittar ett fel enligt följande:
Tre: Sätt en kontrollermetod för att tillåta domänöverskridande kommunikation
Si och såAlla är tillåtnaController- eller API-metoden är domäntvär, i filen web.configsystem.webServerFöljande konfiguration läggs till under noden:
Ovanstående är inte det resultat vi ville ha! Om vi vill tillåta endast ett domännamn att få tillgång till ett av våra gränssnitt över domäner, behöver vi definiera en funktion som ser ut så här:
Koden för att sätta åtkomstbehörigheter över domäner är detta stycke HttpContext.Response.AppendHeader ("Access-Control-Allow-Origin", origin);
Vi sätter egenskaperna ovanpå styrmetoden enligt följande:
Vi initierar Ajax-förfrågan igen med resultatet som visas nedan:
API-gränssnittsresurser från våra andra webbplatser kan nås framgångsrikt.
(Slut)
|
Publicerad på 2018-07-31 10:13:37
|
|
|
|
Hyresvärd|
Publicerad på 2019-06-17 14:23:05
|
Publicerad på 2021-11-12 15:59:52