Vue:跨域数据请求---axios
ajax请求可以说是数据交互的关键。以前使用angular时解决跨域问题是通过设置headers中'Content-Type'来完成的。
Vue中有一个可以通过axios来完成。
1) 通过npm
npm install --save axios vue-axios
2) 通过bower
$ bower install axios
3) 通过cdn
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
我这里主要讲下第一种引入方式,感兴趣的同学可以看下其他的 →
在main.js中引入axios
import axios from 'axios'import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios)
下边是我的简单测试
这是我请求的一个不同域名的接口,在本地进行测试
通过status=200以及statusText:'OK'、data中的数据可以看出,请求成功~
研究底层代码:入口
以上是 Vue:跨域数据请求---axios 的全部内容, 来源链接: utcz.com/z/376303.html