vue axios

在static里面建一个js - url.js

在main.js中引入

import http from '../static/js/url.js';
Vue.prototype.$http = http;

// 引入 axios
import axios from 'axios'
// 引入  post  跨越
import qs from 'qs'
// 测试地址
axios.defaults.baseURL = '';
// 线上地址
var http = {

  /** get 请求
   * @param  {接口地址} url
   * @param  {请求参数} params
   */
  get: function(url,params){
    return new Promise((resolve,reject) => {
      axios.get(url,{
        params:params
      })
      .then((response) => {
          console.log(response.data)
        resolve( response.data );
      })
      .catch((error) => {
        reject( error );  // 失败的情况
      });
    })
  },
  /** post 请求
   * @param  {接口地址} url
   * @param  {请求参数} params
   */
  post: function(url,params){
    return new Promise((resolve,reject) => {
      axios.post(url,qs.stringify(params))
      .then((response) => {
        resolve( response.data );
      })
      .catch((error) => {
        reject( error );
      });
    })
  }
}
export default http

//Promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调

// Promise 增加了代码的可读性