如何使用vue-resource或axios发送http请求
2019-03-15 12:16
375 查看
vue-resource
使用npm安装vue-resource,打开终端,在项目路径中,输入
npm install vue-resource --save
在入口文件main.js的开头添加下面的两条语句引入vue-resource并保存(全局配置vue-resource)
import VueResource from 'vue-resource' Vue.use(VueResource)
现在,你就可以使用vue-resource在vue实例的方法中发送http请求了,参照语法:
this.$http.get(url).then(function(){...},function(){...}) this.$http.post(url,params).then(function(){...},function(){...})
附:vue-resource官网:https://github.com/pagekit/vue-resource
axios
使用npm安装axios,打开终端,在项目路径中,输入
npm install axios --save
在入口文件main.js的开头添加下面的两条语句引入axios并保存(全局配置axios,而且可以设置通用的url前缀)
import axios from 'axios' Vue.prototype.axios=axios axios.defaults.baseURL = "http://localhost:3000";
现在,你就可以使用axios在vue实例的方法中发送http请求了,参照语法:
this.axios.get(url).then(function(){...},function(){...}) this.axios.post(url,params).then(function(){...},function(){...})
附:axios官网:https://www.npmjs.com/package/axios
相关文章推荐
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- vue使用axios发送数据请求
- Vue.js实战之使用Vuex + axios发送请求详解
- vue-resource和vue-axios的简单使用方法
- (vue) 如何在webpack项目中使用axios 【两种方法都可行,已实测】
- vue http请求 vue-resource使用方法
- 简单了解如何使用vue-router和vue-resource
- vue-cli3.x中使用axios发送请求,配合webpack中的devServer编写本地mock数据接口(get/post/put/delete)...
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- Vue项目首页_使用axios发送ajax请求
- Vue中如何使用axios及配置反向代理
- vue使用resource发送ajax请求
- vue 使用axios 发送表单数据
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
- vue2.0项目实战(3)使用axios发送请求
- 记 Vue +axios 使用和http请求封装
- 在Vue中如何使用axios跨域访问数据(转)
- Vue.js实战之使用Vuex + axios发送请求详解