axios（ajax i/o system）

1、什么是axios？

axios：向服务器请求数据，不止可以用在vue中，也可以用于react,nodejs等

区别ajax：ajax是客户端请求数据

2、axios的安装

2.1、安装(进入项目文件夹后，默认依赖安装)

npm install axios（默认最新版本，旧版本：npm install axios@版本号）

依赖安装，安装在生产环境：npm install axios --save或npm install axios -S

依赖安装，安装在开发环境：npm install axios --save -dev 或npm install axios -S -D

2.2、导入（main.js）

给Vue函数添加一个原型属性$axios指向Axios，在vue实例或组件中不用再去重复引用Axios直接用this.$axios就能执行axios方法了

prototype原型属性：给Vue函数添加一个原型属性$axios指向Axios，在vue实例或组件中不用再去重复引用Axios直接用this.$axios就能执行axios方法

例：在原型上加属性，new的实例对象上都会添加上这个属性

3、组件中使用axios

官方网址：npm npm 搜索axios

3.1、发起请求：this.$axios.http请求方式

方法一：（config：配置）

this.$axios.get(url[,config]);

this.$axios.post(url[,config]);

方法二：

this.$axios({

method:”xxx”//请求方法

})

扩展：http请求方式：

3.2、请求文件中的数据：

user.json文件中写请求的数据：