Axios在Vue项目中全部方法实例详解

 

1、基本用法

安装

cnpm i axios --save

在 main.js 中引入 axios

import axios from 'axios'
Vue.prototype.$axios = axios

在组件中使用 axios

<script>
export default {
	mounted(){
		this.$axios.get('/goods.json').then(res=>{
			console.log(res.data);
		})
	}
}
</script>

2、axios请求方法

axios可以请求的方法：

• get：获取数据，请求指定的信息，返回实体对象
• post：向指定资源提交数据（例如表单提交或文件上传）
• put：更新数据，从客户端向服务器传送的数据取代指定的文档的内容
• patch：更新数据，是对put方法的补充，用来对已知资源进行局部更新
• delete：请求服务器删除指定的数据

2.1、get请求

示例代码

//方法一，请求格式类似于 http://localhost:8080/goods.json?id=1
this.$axios.get('/goods.json',
{