vue 中 axios 的使用方法

使用axios时经常会遇到同一个地址下的数据，如果每个页都引用axios 会很麻烦 也不容易方便修改，那么下面来说一个简洁方便的好方法 只有三步哟：

一、src目录下建一个axios.js :

import axios from 'axios'

axios.defaults.baseURL = "数据网址相同部分";
axios.interceptors.request.use(function (config) {
  config.params = {
    appkey: '这里写appkey'
  }
  return config;
}, function (error) {
  return Promise.reject(error);
})

export default axios;

二、src目录下建一个api文件夹 => index.js :

import axios from '@/axios.js'

var api = {
  getSearchHotWord(params) {
    return axios.get('api/meituan/header/searchHotWords.json', params);
  }
}
export default api

三、于是就可以在各个页面使用这个api了。。

created () {
    api.getSearchHotWord().then(res => {
      // console.log(res);
      do something
    })
  },

就说到这里了，试试吧。。