Problemer og løsninger for AJAX tværdomænekald til ASP.NET MVC- eller WebAPI-tjenester

Lille skarn · Opslået på 01/12/2015 15.20.20

Problembeskrivelse

Når et cross-domain kald ASP.NET MVC eller en tjeneste skrevet ASP.NET Web API, bliver det utilgængeligt.

Reproduktionsmetode

Brug en skabelon til at oprette et simplest ASP.NET Web API-projekt, fejlfind det for at sikre, at det virker
Opret et andet projekt med kun én HTML-side og lav et AJAX-kald
Åbn denne side i din browser, og du vil finde følgende fejl (405: Metode ikke tilladt)

Bemærk: Den samme situation opstår i ASP.NET trafikulykke. I nogle tilfælde kan MVC også bruges direkte til at udvikle tjenester, hvilket har sine egne fordele og ulemper sammenlignet med WebAPI. Nedenfor er et eksempel på en tjeneste udviklet ved brug af MVC

Årsagsanalyse

Den grundlæggende årsag til det tværdomæne-problem er, at browseren har lave privilegier på begge forespørgsler og normalt kun tillader kald til ressourcer i det lokale domæne, medmindre målserveren eksplicit fortæller den, at tværdomænekald er tilladt.

Derfor, selvom cross-domain-problemet skyldes browserens adfærd, ligger løsningen på serversiden. Fordi det ikke er muligt at kræve, at alle klienter reducerer sikkerheden.

opløsning

For både ASP.NET MVC- og ASP.NET Web API-projekttyper lavede jeg noget research og fastslog, at følgende scenarie er muligt.

For ASP.NET MVC behøver du kun at tilføje følgende indhold til web.config

For ASP.NET Web API'er skal der ud over ovenstående indstillinger tilføjes et særligt design, nemlig at tilføje en OPTIONS-metode for hver API-controller, men uden at returnere noget.

offentlige streng-optioner()

{

returner null; HTTP 200-svar med tom krop

}

Bemærk: Denne funktion kan også udføres med lidt research, og det kan være bedre at designe den som et filter.

Lille skarn · Opslået på 01/12/2015 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>

Kopier kode

[WebAPI] Problemer og løsninger for AJAX tværdomænekald til ASP.NET MVC- eller WebAPI-tjenester

Relaterede indlæg

Afsnit set