Vue交互——axios && vue-resource常用配置

axios

首先安装依赖：

cnpm install axios -D

在main.js中引入：

import axios from "axios";

在vue中使用axios进行交互时，axios提供了一些可配置项来方便管理，以下作部分记录以便后续使用

一般在进行交互（发送请求）时，为了用户友好，会有loading的效果，可通过axios进行统一配置

发送请求数据的时：

axios.interceptors.request.use(
  function(config) {
    store.dispatch("showLoading");//通过VUEX管理是否显示loading
    return config;
  },
  function(error) {
    return Promise.reject(error);
  }
);

请求结束回来时：

axios.interceptors.response.use(
  function(response) {
    store.dispatch("hideLoading");
    return response;
  },
  function(error) {
    return Promise.reject(error);
  }
);

post请求设置