Ajax跨域问题

Axios是专注于网络数据请求的库。

相比于原生的XMLHttpRequest对象，axios简单易用。

相比于jQuery，axios更加轻量化，只专注于网络数据请求。

Axios发送get请求的语法：

Axios.get(‘url’,{ params:{/*参数*/} }).then(callback)

其中在then中执行成功后的回调函数

Axios发送post请求的语法：

Axios.get(‘url’,{ {/*参数*/} }).then(callback)

其中在then中执行成功后的回调函数 

同源策略（Same origin policy）是浏览器提供的一个安全功能

MDN官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

通俗的理解:浏览器规定，A网站的JavaScript，不允许和非同源的网站C之间，进行资源的交互，例如:无法读取非同源网页的Cookie、LocalStorage和IndexedDB

无法接触非同源网页的DOM

无法向非同源地址发送Ajax请求

浏览器跨域拦截

实现跨域请求的两种方式JSONP和CORS

JSONP实现跨域请求的原理：由于浏览器同源策略的限制，网页中无法通过Ajax请求非同源的接口数据。但是<script>标签不受同源策略的影响，可以通过src属性，请求非同源的js脚本。因此，JSONP的实现原理，就是通过<script>标签的src属性，请求跨域的数据接口，并通过函数调用的形式，接收跨域接口响应回来的数据