vue中使用axios发送ajax请求
2018-12-14 20:22
399 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43600849/article/details/85009132
一、下载安装
npm install axios --save
二、导入并在main.js中配置
import axios from 'axios' //注意:axios不是vue直接提供的插件,导出时也没有重写install方法,因此不能直接使用Vue.use('axios')来全局使用,可以将axios添加到Vue的原型上实现全局使用; Vue.prototype.$axios = axios;
三、在组件内使用
//axios的实现基于promise对象,请求也是异步的,请求结果需要在then()方法中的回调函数中获取 this.$axios.get('请求地址').then(res=>{ //请求的结果存放在返回结果的data属性中 console.log(res); console.log(res.data); },err=>{ console.log(error); })
相关文章推荐
- vue项目使用axios发送请求让ajax请求头部携带cookie的方法
- Vue项目首页_使用axios发送ajax请求
- vue项目使用axios发送请求让ajax请求头部携带cookie
- Vue.js实战之使用Vuex + axios发送请求详解
- 使用 Vuex + axios 发送请求
- vue中使用axios请求接口,请求会发送两次
- Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域
- Vue中发送ajax请求——axios使用详解
- vue中使用axios+Promise二次封装ajax请求
- vue-cli3.x中使用axios发送请求,配合webpack中的devServer编写本地mock数据接口(get/post/put/delete)...
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- 使用 Vuex + axios 发送请求
- vue2.0项目实战(3)使用axios发送请求
- Vue------第五天(Vue的Ajax请求,使用Axios,目前熟悉了一下,主要包括GET请求、POST请求、并发请求、请求参数的配置、服务器响应的结构以及对服务器响应错误的简单处理)
- vue2.0项目实战 使用axios发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue.js实战之使用Vuex + axios发送请求详解
- vue使用axios发送数据请求