ajax

/**

 * 全站http配置

 *

 * axios参数说明

 * isSerialize是否开启form表单提交

 * isToken是否需要token

 */

import axios from 'axios'

import store from '@/store/';

import router from '@/router/router'

import { serialize } from '@/util/util'

import { getToken } from '@/util/auth'

import { Message } from 'element-ui'

import website from '@/config/website';

import NProgress from 'nprogress' // progress bar

import 'nprogress/nprogress.css' // progress bar style

//设置响应超时 

axios.defaults.timeout = 10000;

//返回其他状态吗

axios.defaults.validateStatus = function (status) {

  return status >= 200 && status <= 500; // 默认的

};

 

//跨域请求，允许保存cookie（打印结果true）

axios.defaults.withCredentials = true;

 

// NProgress Configuration

NProgress.configure({

  showSpinner: false

});

 

//HTTPrequest拦截

axios.interceptors.request.use(config => {

 //NProgress进度条，简单的调用 start() 和 done() 方法来控制进度条

  // start progress bar

  NProgress.start()//开始

 

  const meta = (config.meta || {});

  const isToken = meta.isToken === false;

 //判断登录有token,请求头加token

  if (getToken() && !isToken) {

    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带token--['Authorization']为自定义key 请根据实际情况自行修改

  }

 

  //headers中配置serialize为true开启序列化

  if (config.method === 'post' && meta.isSerialize === true) {

    config.data = serialize(config.data);

  }

 

  return config

 

}, error => {

 

  return Promise.reject(error)

});

 

//HTTPresponse拦截

axios.interceptors.response.use(res => {

 

  NProgress.done();//结束

 

  const status = Number(res.status) || 200;

 

  const statusWhiteList = website.statusWhiteList || [];

 

  const message = res.data.message || '未知错误';

 

  //如果在白名单里则自行catch逻辑处理

  if (statusWhiteList.includes(status))

    return Promise.reject(res);

 

  //如果是401则跳转到登录页面

  if (status === 401)

    store.dispatch('FedLogOut').then(() => router.push({ path: '/home' }));

 

  // 如果请求为非200否者默认统一处理

  if (status !== 200) {

    Message({ message: message, type: 'error' })

    return Promise.reject(new Error(message))

  }

 

  return res;

 

}, error => {

 

  NProgress.done();

 

  return Promise.reject(new Error(error));

 

})

 

export default axios;