鍍金池/ 問(wèn)答/HTML/ axios能請(qǐng)求到數(shù)據(jù)，但是console報(bào)跨域錯(cuò)，請(qǐng)問(wèn)是為什么

axios能請(qǐng)求到數(shù)據(jù)，但是console報(bào)跨域錯(cuò)，請(qǐng)問(wèn)是為什么

代碼如下
clipboard.png

clipboard.png
axios請(qǐng)求在response里能獲取到數(shù)據(jù)，
但是
clipboard.png

打印出來(lái)確報(bào)跨域錯(cuò)誤，

clipboard.png
后臺(tái)是用php搭建，問(wèn)后臺(tái)，后臺(tái)說(shuō)沒(méi)有設(shè)置訪問(wèn)限制，
那應(yīng)該就是數(shù)據(jù)類型不對(duì)，后臺(tái)也說(shuō)數(shù)據(jù)類型是json，但我設(shè)置的也是json，但就是獲取不到數(shù)據(jù)，如果不用后臺(tái)處理，前端有沒(méi)有什么方法能夠獲取到數(shù)據(jù)，設(shè)置jsonp無(wú)效，定義header也不行

回答
編輯回答
安淺陌

什么是同源策略

理解跨域首先必須要了解同源策略。同源策略是瀏覽器上為安全性考慮實(shí)施的非常重要的安全策略。
何謂同源:
    URL由協(xié)議、域名、端口和路徑組成，如果兩個(gè)URL的協(xié)議、域名和端口相同，則表示他們同源。
同源策略:
    瀏覽器的同源策略，限制了來(lái)自不同源的"document"或腳本，對(duì)當(dāng)前"document"讀取或設(shè)置某些屬性。 
    從一個(gè)域上加載的腳本不允許訪問(wèn)另外一個(gè)域的文檔屬性。
涉及到跨域，可以讓后端加請(qǐng)求頭，也有一些瀏覽器的插件可以跨域。如chorme Access-Control-Expose-Headers,或者vue反向代理proxy。
2018年7月30日 11:39
編輯回答
吃藕丑

跨域的問(wèn)題，最好做個(gè)代碼吧。使用nginx或者node、apache都可以。

2018年7月22日 15:46