Problémák és megoldások az AJAX cross-domain hívásokhoz ASP.NET MVC vagy WebAPI szolgáltatásokhoz

Kis szemét · Közzétéve 2015. 12. 01. 15:20:20

Problémaleírás

Amikor egy domének közötti hívás ASP.NET MVC-t vagy egy webes API-ASP.NET írt szolgáltatást, elérhetetlenné válik.

Szaporodási módszer

Használj egy sablont egy egyszerűbb ASP.NET Web API projekt létrehozásához, hibáztasd meg, hogy megbizonyosodj róla, működik
Hozz létre egy másik projektet csak egy HTML oldallal, és indíts AJAX hívást
Nyissa meg ezt az oldalt a böngészőjében, és a következő hibát találja (405: Method Not Allowed)

Megjegyzés: Ugyanez a helyzet ASP.NET MVC-ben is. Bizonyos esetekben az MVC közvetlenül is használható szolgáltatások fejlesztésére, amelynek megvannak a maga előnyei és hátrányai a WebAPI-hoz képest. Az alábbiakban egy példa egy MVC-vel fejlesztett szolgáltatásra

Ok-elemzés

A cross-domain probléma alapvető oka az, hogy a böngésző mindkét kérésre alacsony jogosultsággal rendelkezik, és általában csak a helyi tartományban lévő erőforrásokhoz engedélyez hívásokat, hacsak a célszerver kifejezetten nem jelzi neki, hogy a tartományok közötti hívások engedélyezettek.

Ezért, bár a cross-domain problémát a böngésző viselkedése okozza, a megoldás a szerver oldalán van. Mert nem lehetséges minden kliensnek megkövetelni a biztonság csökkentését.

megoldás

Mind ASP.NET MVC, mind ASP.NET Web API projekttípusok esetében utánanéztem, és megállapítottam, hogy a következő forgatókönyv megvalósítható.

ASP.NET MVC-hez csak a következő tartalmat kell hozzáadni a web.config oldalra

ASP.NET Web API-k esetében a fent említett beállításokon túl speciális tervezést kell hozzáadni, amely minden API-vezérlőhöz egy OPTIONS metódust ad, de semmi visszaadás nélkül.

public string Options()

{

return null; HTTP 200 válasz üres testtel

}

Megjegyzés: Ez a funkció kutatással is megoldható, és talán jobb lehet szűrőként megtervezni.

Kis szemét · Közzétéve 2015. 12. 01. 15:39:52

<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>

Kód másolása

[WebAPI] Problémák és megoldások az AJAX cross-domain hívásokhoz ASP.NET MVC vagy WebAPI szolgáltatásokhoz

Kapcsolódó bejegyzések

Megtekintett szakaszok