業(yè)務(wù)場景：

前后端分離需要對接數(shù)據(jù)接口。

接口測試是在postman做的，今天才開始和前端對接，由于這是我第一次做后端接口開發(fā)（第一次嘛，問題比較多）所以在此記錄分享我的踩坑之旅，以便能更好的理解，應(yīng)用。

問題：

前端ajax請求后端接口出現(xiàn)跨域問題，如下圖。

翻譯：因?yàn)轫憫?yīng)頭沒有"Access-Control-Allow-Origin"，所以接口拒絕把數(shù)據(jù)返回給前端。

什么是Access-Control-Allow-Origin?

Access-Control-Allow-Origin是HTML5中定義的一種解決資源跨域的策略。

瀏覽器只允許請求當(dāng)前域的資源，而對其他域的資源表示不信任。那怎么才算跨域呢？

其實(shí)說簡單點(diǎn),跨域，指的就是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器施加的安全限制。

同源是指：協(xié)議相同，域名相同，端口相同。三者同時成立才能叫同源。

瀏覽器的同源策略從它誕生的那一刻就出現(xiàn)了，具體是指從域名A下的一個頁面（一般是通過ajax請求）獲取域名B下的一個資源，是不被瀏覽器允許的。

跨域資源共享（CORS）是瀏覽器提供的一種跨域協(xié)商機(jī)制，讓前后端協(xié)商是否可以發(fā)出跨域請求。CORS添加了若干Access-controll-request-xxx 的頭，給客戶端聲明自己的源、要使用的頭部、用使用的請求方法；添加了若干Access-Controll-Allow-xxx的頭，給服務(wù)端聲明自己支持跨域的源、頭部和方法。