axios的使用

安装

npm install axios -S

红色框是接口文件
appApi.js是存放接口的文件：

import Vue from 'vue'
import axios from 'axios'

export default {
  // 获取分类
  show_category: function () {
    return axios.post('/point-api-show_category');
  },
  // 获取商品
  get_product: function (data) {
    return axios.post('/point-api-get_product',data);
  }  
}

apiServer.js是设置vue的属性API的：

import Vue from 'vue'
import API from './API/appApi'

Vue.prototype.API = API;

在main.js里引入axios和apiServer.js

import ProtoTypeAPI from './network/apiServer'
import axios from 'axios'
new Vue({
  el: '#app',
  router,
  store,
  axios,
  template: '<App/>',
  components: { App },
  methods: {
    setSessionStorage:function(data) { 
      for(let key in data){
        sessionStorage[key] = data[key];
      }
    },
    setLocalStorage: function(data) { 
      for(let key in data){
        localStorage[key] = data[key];
      }
    }
  }
})

组件里调用接口：

    get_product: function (name,cate_id) {
      this.API.get_product({
        name: name,
        cate_id: cate_id
      }).then((response) => {
          console.dir(response);
      }, (response) => {
          mui.toast('网络错误');
      });
    }

配置文件config.js

export default { 
    GLOBAL_CONFIG :{
        'API_HOST': '接口地址',
        'base64Header': 'data:image/png;base64,',
        'dataImage':'data:image',
        'db':'odoo3',
    }   
}