快捷導(dǎo)航

ASP.net WebAPI跨域調(diào)用問(wèn)題的解決方法

更新時(shí)間：2018年03月11日 15:00:08 作者：lukali

在做Web開(kāi)發(fā)中，常常會(huì)遇到跨域的問(wèn)題，到目前為止，已經(jīng)有非常多的跨域解決方案。下面這篇文章主要給大家介紹了關(guān)于ASP.net WebAPI跨域調(diào)用問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。

發(fā)現(xiàn)問(wèn)題

最近在做一個(gè)項(xiàng)目，前端是VUE，后端是WebAPI，業(yè)務(wù)也就是一些實(shí)體的增刪改查。在項(xiàng)目開(kāi)始的時(shí)候我就預(yù)計(jì)到有跨域的問(wèn)題，所以也找了一下資料，在Web.Config里面加上了配置信息：

<httpProtocol>
  <customHeaders>
  <add name="Access-Control-Allow-Origin" value="*" />
  <add name="Access-Control-Allow-Headers" value="*" />
  <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
  </customHeaders>
 </httpProtocol>

這是網(wǎng)上找到的其中一種方法，也有自己寫(xiě)跨域的特征類，也可以引用微軟庫(kù)cors，網(wǎng)上能查到很多資料，這里就不一一展開(kāi)了。

這樣配置之后，我自己做Get測(cè)試，用JQ來(lái)調(diào)用也是ok的，我就以為跨域的設(shè)置已經(jīng)做完了，然而天坑來(lái)了，Post操作調(diào)用不了，整天返回405錯(cuò)誤，我就郁悶了，是怎么回事呢。

解決方法

上網(wǎng)查了一下跨域調(diào)用的原理，發(fā)現(xiàn)在跨域POST之前，是有一次OPTION方法調(diào)用，是用來(lái)確認(rèn)是否運(yùn)行跨域POST的握手確認(rèn)過(guò)程。然后繼續(xù)往下查，發(fā)現(xiàn)通過(guò)VS自建WebAPI工程默認(rèn)有OPTION處理，默認(rèn)是不允許跨域的。

所以我就在Web.Config里面把這幾個(gè)代碼注釋掉了

<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>

最后跨域的POST請(qǐng)求通過(guò)了，用JQ和axios測(cè)試的。

也許，這個(gè)方法不是什么好方法，但確實(shí)解決我項(xiàng)目上的問(wèn)題，所以記下來(lái)。如果有更好的方法還請(qǐng)各路高手指點(diǎn) o(*￣︶￣*)o

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: