Vue->使用Axios发送网络请求

前言

在jquery中使用的ajax发送网络请求，javascript中使用XHR发送请求，那么如何经过vue来请求咱们的接口数据呢？请听我一一道来

第一步

安装axios依赖库

--save表明局部安装
npm i --save axios
复制代码

第二步

安装成功以后，引入axios
引入分为局部引入和全局引入
局部引入

//在组件内部引入
import axios from 'axios'
复制代码

可是这样会有点繁琐，由于咱们会在每一个须要请求的组件中去import，有没有办法能够解决呢，答案是确定的
咱们只须要在main.js加入如下两行代码，将axios挂载到全局，经过this调用就能够很省事儿 全局引入

import axios from 'axxios'
Vue.prototype.$axios = axios
复制代码

调用全局挂载的方法

this.$axios.get(''url)

复制代码

.then((data) => { console.log(data) })

复制代码

复制代码

写在最后

但愿个人分享对你有所帮助，更多资讯请持续关注，我会分享愈来愈多的实战经验哦！ 或加入大前端知识体系社区一块儿探索技术:608229520