project init

oms/oms-h5/src/utils/http.js

@@ -0,0 +1,103 @@
+import axios from 'axios'
+import moment from 'moment'
+import querystring from 'querystring'
+import { Message, Notification } from 'element-ui'
+import router from '../router'
+
+// 创建axios实例
+const instance = axios.create({
+  baseURL: '/api',        // api的base_url
+  withCredentials: true,  // 保存登录凭证
+  timeout: 50000           // 请求超时时间
+})
+instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
+
+// request拦截器
+instance.interceptors.request.use(config => {
+  for (var e in config.params) {
+    if (config.params[e] instanceof Date) {
+      config.params[e] = moment(config.params[e]).format()
+    }
+  }
+  return config
+}, error => {
+  Promise.reject(error)
+})
+
+// response拦截器
+instance.interceptors.response.use(
+  response => {
+    // 判断请求是否正常
+    console.log(response)
+    if (!response.status === 200) {
+      throw new Error('服务器繁忙，请重试')
+    }
+
+    // 处理异常错误
+    if (response.data.err_code === 20001) {
+      // 登录失效，跳转到登录页面
+      console.log(router)
+      router.replace('/login')
+      location.reload()// 为了重新实例化vue-router对象 避免bug
+      throw new Error(response.data.err_msg)
+    } else if (response.data.err_code !== 0) {
+      throw new Error(response.data.err_msg)
+    } else {
+      // 请求成功
+      if (response.config.method === 'post') {
+        if (response.data.err_msg) {
+          Notification.success({
+            title: '成功',
+            message: response.data.err_msg,
+            duration: 2000
+          })
+        }
+      }
+    }
+    return response
+  },
+  error => {
+    const errMessage = error.message
+    if (errMessage.indexOf('504') >= 0) {
+      error.message = '请求超时，稍后再试'
+    }
+    return Promise.reject(error)
+  }
+)
+
+export default {
+  /**
+   * get请求
+   */
+  get(url, params) {
+    return new Promise((resolve, reject) => {
+      instance.get(url, {
+        params: params
+      }).then(response => {
+        resolve(response.data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  /**
+   * post请求
+   */
+  post(url, params) {
+    return new Promise((resolve, reject) => {
+      instance.post(
+        url,
+        querystring.stringify(params)
+      ).then(response => {
+        resolve(response.data)
+      }).catch(error => {
+        Message({
+          message: error.message,
+          type: 'error'
+        })
+        reject(error)
+      })
+    })
+  }
+}