import Vue from 'vue'
import App from './App'
import router from './router'
import 'babel-polyfill'
import Element from 'element-ui'
import {Loading}from 'element-ui'      ****在这里引入Loading组件****
import 'element-ui/lib/theme-chalk/index.css'
import Axios from 'axios'
import Vuex from 'vuex'

// 添加请求拦截器
Axios.interceptors.request.use(config => {
    // 在发送请求之前做些什么
    //判断是否存在token，如果存在将每个页面header都添加token
    if (store.state.token) {
        config.headers.common['Authentication-Token'] = store.state.token
    }
    //请求前到请求到数据这段时间用加载动画来代替，以服务方式调用
    ****************************
    let loading = Loading.service({
        fullscreen: true,
        text: '拼命加载中...',
// target:'#main'
    });
    ****************************
return config;
}, error => {
    // 对请求错误做些什么
    console.log("发送失败");
    ****************************
    let loading = Loading.service({});
    loading.close();    //关闭加载前，记得重新定义实例
    ****************************
return Promise.reject(error);
});

// http response 拦截器
Axios.interceptors.response.use(response => {
    ****************************
    let loading = Loading.service({});
    loading.close();
    ****************************
return response;
},
error => {
    if (error.response) {
        switch (error.response.status) {
            case 401:
            this.$store.commit('del_token');
        router.replace({
            path: '/login',
            query: {redirect: router.currentRoute.fullPath}//登录成功后跳入浏览的当前页面
        })
    }
}

let loading = Loading.service({
    fullscreen: true,
    text: '拼命加载中...',
});
loading.close();
return Promise.reject(error.response.data)
});

Vue.prototype.$axios = Axios
// 跨域请求问题
Vue.prototype.HOST = "/api"
Vue.use(Vuex)
Vue.use(Element)
Vue.config.productionTip = false
new Vue({
el: '#app',
render: h => h(App),
router,
store,
components: {App},
template: '<App/>'
});