如何使用vue-resource或axios发送http请求

Vue中使用axios与vue-resource进行HTTP请求

最新推荐文章于 2022-11-06 09:02:05 发布

转载最新推荐文章于 2022-11-06 09:02:05 发布 · 106 阅读

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3986435/blog/3022924

文章标签：

本文详细介绍如何在Vue项目中使用vue-resource和axios库进行HTTP请求。通过npm安装所需库，并在main.js中全局配置，实现get和post请求。文中提供官方文档链接，便于进一步学习。

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(){...})

使用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(){...})

转载于:https://my.oschina.net/u/3986435/blog/3022924