//request.js
import axios from "axios";
import qs from "qs";
import app from "../main.js";

/****** 創(chuàng)建axios實(shí)例 ******/
const service = axios.create({
  baseURL: process.env.BASE_URL, // api的base_url
  timeout: 5000 // 請(qǐng)求超時(shí)時(shí)間
});

/****** request攔截器==>對(duì)請(qǐng)求參數(shù)做處理 ******/
service.interceptors.request.use(config => {
  app.$vux.loading.show({
    text: '數(shù)據(jù)加載中……'
  });
 
  config.method === 'post'
    ? config.data = qs.stringify({...config.data})
    : config.params = {...config.params};
  config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
 
  return config;
}, error => { //請(qǐng)求錯(cuò)誤處理
  app.$vux.toast.show({
    type: 'warn',
    text: error
  });
  Promise.reject(error)
});

/****** respone攔截器==>對(duì)響應(yīng)做處理 ******/
service.interceptors.response.use(
  response => { //成功請(qǐng)求到數(shù)據(jù)
    app.$vux.loading.hide();
    //這里根據(jù)后端提供的數(shù)據(jù)進(jìn)行對(duì)應(yīng)的處理
    if (response.data.result === 'TRUE') {
      return response.data;
    } else {
      app.$vux.toast.show({ //常規(guī)錯(cuò)誤處理
        type: 'warn',
        text: response.data.data.msg
      });
    }
  },
  error => { //響應(yīng)錯(cuò)誤處理
    console.log('error');
    console.log(error);
    console.log(JSON.stringify(error));
 
    let text = JSON.parse(JSON.stringify(error)).response.status === 404
      ? '404'
      : '網(wǎng)絡(luò)異常，請(qǐng)重試';
    app.$vux.toast.show({
      type: 'warn',
      text: text
    });
 
    return Promise.reject(error)
  }
);

//api.js
import service from './request'
 
export const getPersonInfo = data => {
  return service({
    url: '/person_pay/getpersoninfo',
    method: 'post',
    data
  })
};

//index.vue
import {getPersonInfo} from '../axios/api.js'
export default {
  created: async function () {
    const params = {
      card_no: '111'
    };
    let res = await getPersonInfo(params);
    console.log(res);
  }
}