Vue:跨域数据请求---axios

vue

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

回到顶部