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

最近在做一個項目，前端是VUE，后端是WebAPI，業(yè)務(wù)也就是一些實體的增刪改查。在項目開始的時候我就預(yù)計到有跨域的問題，所以也找了一下資料，在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)上找到的其中一種方法，也有自己寫跨域的特征類，也可以引用微軟庫cors，網(wǎng)上能查到很多資料，這里就不一一展開了。

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

解決方法

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

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

<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請求通過了，用JQ和axios測試的。

也許，這個方法不是什么好方法，但確實解決我項目上的問題，所以記下來。如果有更好的方法還請各路高手指點 o(*￣︶￣*)o

總結(jié)

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com