1. 程式人生 > 實用技巧 >解決ajax跨域問題

解決ajax跨域問題

解決ajax跨域問題的方式有多種,這裡只記錄下我解決的方法:在.net專案的配置檔案中,修改配置項解決跨域問題。

情況是這樣的,首先建立了一個webapi的程式,然後前端使用ajax請求訪問webapi,瀏覽器顯示跨域問題(此時前端請求已經發出,後端也接收到請求,但是後端並沒有將結果返回給前端),瀏覽器顯示如下:

此時前端是這樣寫的:

一個普通的get請求

後端程式碼:

為了解決這個問題,在網上找到了解決方法:在.net專案中的web.config配置項新增配置

新增如下配置:

<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*"/>

<add name="Access-Control-Allow-Headers" value="X-Requested-With,Content-Type,Accept,Origin"/>
<add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS"/>
</customHeaders>
</httpProtocol>

這時候重新啟動後端的程式,前端重新呼叫後端介面,發現不報錯,資料也正常返回了:

這篇文章詳細介紹瞭解決跨域的方法,可以參考:https://segmentfault.com/a/1190000012469713