Newer
Older
smart-economy / src / main.js
StephanieGitHub on 26 Jan 2021 3 KB first commit
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'
import "babel-polyfill"
import ElementUI from 'element-ui'
import 'font-awesome/css/font-awesome.css'
import 'element-ui/lib/theme-chalk/index.css'
import global_ from './components/common/Global'
import './assets/css/style.css'
import 'vue2-animate/dist/vue2-animate.min.css'
import echarts from 'echarts'
import { loadScript } from 'esri-loader'
import $ from 'jquery'
import Util from './components/common/util'
import {dateRanges} from "./components/common/dateRangeRule"
import md5 from 'js-md5'

Vue.mixin(dateRanges);
Vue.use(ElementUI);
Vue.config.productionTip = false

Vue.prototype.$http = axios;
window.axios = axios;
Vue.prototype.$Util = Util.Util;
Vue.prototype.$echarts = echarts;
Vue.prototype.$md5 = md5;
Vue.prototype.GLOBAL = global_;

/*const options = {
  url: global_.BASE_HTTP_URL + '/arcgis_js_api/library/3.11/3.11/init.js',
};
loadScript(options)*/

const options = {
  url: 'http://223.84.218.79:18086/arcgis/arcgis_js_api/library/3.11/3.11/init.js',
};
loadScript(options)
/**/
//Vue函数添加一个原型属性$axios 指向axios,这样vue实例或组件中不用再去重复引用Axios 直接用this.$axios就能执行axios 方法
window._axiosPromiseArr = [] // axios中设置放置要取消的对象

axios.defaults.timeout = 300000;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
axios.defaults.baseURL = global_.BASE_HTTP_URL;
let loading;
axios.interceptors.request.use((config) => {
  if(Util.Util.isEmpty(config.bLoading) || config.bLoading){
    loading = ElementUI.Loading.service({fullscreen: true, text: 'Loading....', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0)',customClass:'zindexLoading'});
  }
  config.cancelToken = new axios.CancelToken(cancel => {
    window._axiosPromiseArr.push({ cancel })
  })

  return config;
}, (error) => {
  loading.close();
  return Promise.reject(error);
});
axios.interceptors.response.use(res => {
  if (res.headers && res.headers['content-disposition']) {
    new Promise((resolve, reject) => {
      let iframe = document.createElement('iframe');
      iframe.style.display = 'none';
      iframe.src = res.request.responseURL;
      iframe.onload = function () {
        document.body.removeChild(iframe);
      };
      document.body.appendChild(iframe);
    }).catch(() => {});
  }
/*  ElementUI.MessageBox({
    title: '通知!!!',
    message: '由于系统数据库维护,系统将于12月15日暂时关闭!'
  });*/
  if(!Util.Util.isEmpty(loading)){
    loading.close();
  }
  if(res.data.code === 401){
    router.replace("/login");
  }
  if(res.data.code === 500){
    ElementUI.Message.warning(res.data.message)
  }
  return res;
}, error => {
  loading.close()
  if(error.code == "ECONNABORTED"){
    ElementUI.Message.warning("请求超时")
  }else{
    return Promise.reject(error);
  }
});


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})