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中的数据可以看出，请求成功~

研究底层代码：入口