vue基础之axios

get

axios          .get('http://xxx.api/xxx?参数=值')          .then(response => {            this.list = response.data.message          })          .catch(err => {            // console.log(err);          })

post

axios   .post(url, arg) // arg:`参数名=值&参数1=值&参数2=值`   .then(resp => {     console.log(resp.data);     console.log(resp.data.status);   })   .catch(err => {     console.log(err);   })

参数处理

安装qs： npm i -S qs
// var qs = require(‘qs’)
导入ps：import qs from ‘qs’
// 处理参数
qs.stringify({
firstName: ‘Fred’,
lastName: ‘Flintstone’
}
结果：firstName=Fred&lastName=Flintstone

配置公共请求路径

axios.defaults.baseURL = ‘http://xxx.api/xxx’

拦截器

拦截器会拦截发送的每一个请求，请求发送之前执行request中的函数，请求发送完成之后执行response中的函数

// 请求拦截器axios.interceptors.request.use(function (config) {    // 所有请求之前都要执行的操作    return config;  }, function (error) {    // 错误处理    return Promise.reject(error);  });// 响应拦截器axios.interceptors.response.use(function (response) {    // 所有请求完成后都要执行的操作    return response;  }, function (error) {    // 错误处理    return Promise.reject(error);  });