發現問題
最近在做一個項目，前端是VUE，后端是WebAPI，業務也就是一些實體的增刪改查。在項目開始的時候我就預計到有跨域的問題，所以也找了一下資料，在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>
這是網上找到的其中一種方法，也有自己寫跨域的特征類，也可以引用微軟庫cors，網上能查到很多資料，這里就不一一展開了。
這樣配置之后，我自己做Get測試，用JQ來調用也是ok的，我就以為跨域的設置已經做完了，然而天坑來了，Post操作調用不了，整天返回405錯誤，我就郁悶了，是怎么回事呢。
解決方法
上網查了一下跨域調用的原理，發現在跨域POST之前，是有一次OPTION方法調用，是用來確認是否運行跨域POST的握手確認過程。然后繼續往下查，發現通過VS自建WebAPI工程默認有OPTION處理，默認是不允許跨域的。
所以我就在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
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對VeVb武林網的支持。
新聞熱點
疑難解答
圖片精選
