vue对axios的使用

一：axios的下载

npm insatll axios --save

 二：使用axios

在main.js里面导入

import axios from 'axios';

一般情况下我们会对axios的数据请求进一步的处理：

可以单独创建一个js文件

api.js

import axios from 'axios'

//这里将axios的数据请求封装成一个函数，这是为以后，如果ip地址更换的时候，可以在写一个函数，比较容易迭代

export function http(config){

var request=new axios.create({

baseURL:' path地址 ',

timeout:3000,//设置超时时间，

headers.post['Content-type']=' application/x-www-form-urlencoded '

})

// 设置拦截器

request.interceptors.request.use(config => {

//设置请求拦截

return config;

}，err => {console.log(err)})

//响应拦截器

request.interceptors.response.use(res => {
//设置需要拦截下来的数据

return res.data;
},err => {console.log(err)})

//这里可以直接返回一个异步处理函数  处理回调地狱

//return new Promise(config) 或者

return request(config)// axios本身就是异步处理函数

}

在两一个js文件里面封装各种请求方式的数据的操作

import { request}  from './http.js'

export function get (){

return request({

url:'/home'

})

}

export function post(){

return request({

url:"/home",

data:{}

})

}

.....