恢复文件

config.index.js

+module.exports = {
+  "preProduct": {
+    "host":"//10.0.16.179:8080",
+    "url":"minapro",
+    "baseUrl":"vue"
+  },
+  "product": {
+    "host":"//wxapp.hotwind.net",
+    "baseUrl":"vue",
+    "url":"minapro"
+  },
+  "devProduct": {
+    "host":"//wxapp.hotwind.net",
+    "baseUrl":"vue",
+    "url":"mina"
+  }
+}

config/test.env.js

+'use strict'
+const merge = require('webpack-merge')
+const devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

src/http/baseHttp.js

+import axios from 'axios'
+// import qs from 'qs'
+import store from '@/store'
+import config from '../config'
+// Add a request interceptor
+axios.interceptors.request.use(function (config) {
+  // Do something before request is sent
+  // console.log('======= config =======%o', config)
+  return config
+}, function (error) {
+  // Do something with request error
+  return Promise.reject(error)
+})
+
+// Add a response interceptor
+axios.interceptors.response.use(function (response) {
+  // Do something with response data
+
+  if (response.data.code === -1) {
+    return Promise.reject(response.data.message)
+  }
+  if (response.status >= 500) {
+    console.log(`========== response ======== %o`, response)
+  }
+  return response
+}, function (error) {
+  // Do something with response error
+  return Promise.reject(error)
+})
+
+const api = axios.create({
+  baseURL: config.base
+})
+
+api.interceptors.request.use(function (config) {
+  store.dispatch('show_loading')
+  // Do something before request is sent
+  if (config.method === 'post') {
+    // config.data = qs.stringify(config.data)
+  }
+  return config
+}, function (error) {
+  // Do something with request error
+  return Promise.reject(error)
+})
+
+// Add a response interceptor
+api.interceptors.response.use(function (response) {
+  store.dispatch('hide_loading')
+  // Do something with response data
+  if (response.status >= 500) {
+    throw new Error('500!!!')
+  }
+  return response
+}, function (error) {
+  // Do something with response error
+  return Promise.reject(error)
+})
+
+// api.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
+
+class BaseHttpServer {
+  constructor (url) {
+    if (url) {
+      this.baseUrl = url
+    }
+    this.api = api
+  }
+
+  get (url, params) {
+    return this.api.get(`${this.baseUrl}/${url}`, { params })
+      .catch((error) => {
+        console.log(error)
+      })
+  }
+
+  post (url, params) {
+    return this.api.post(`${this.baseUrl}/${url}`, params)
+      .catch((error) => {
+        console.log(error)
+      })
+  }
+}
+
+export {
+  axios,
+  api,
+  BaseHttpServer as Http
+}
+
+// {
+//   // `url` is the server URL that will be used for the request
+//   url: '/user',
+//
+//     // `method` is the request method to be used when making the request
+//     method: 'get', // default
+//
+//   // `baseURL` will be prepended to `url` unless `url` is absolute.
+//   // It can be convenient to set `baseURL` for an instance of axios to pass relative URLs
+//   // to methods of that instance.
+//   baseURL: 'https://some-domain.com/api/',
+//
+//   // `transformRequest` allows changes to the request data before it is sent to the server
+//   // This is only applicable for request methods 'PUT', 'POST', and 'PATCH'
+//   // The last function in the array must return a string or an instance of Buffer, ArrayBuffer,
+//   // FormData or Stream
+//   // You may modify the headers object.
+//   transformRequest: [function (data, headers) {
+//   // Do whatever you want to transform the data
+//
+//   return data;
+// }],
+//
+//   // `transformResponse` allows changes to the response data to be made before
+//   // it is passed to then/catch
+//   transformResponse: [function (data) {
+//   // Do whatever you want to transform the data
+//
+//   return data;
+// }],
+//
+//   // `headers` are custom headers to be sent
+//   headers: {'X-Requested-With': 'XMLHttpRequest'},
+//
+//   // `params` are the URL parameters to be sent with the request
+//   // Must be a plain object or a URLSearchParams object
+//   params: {
+//     ID: 12345
+//   },
+//
+//   // `paramsSerializer` is an optional function in charge of serializing `params`
+//   // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/)
+//   paramsSerializer: function(params) {
+//     return Qs.stringify(params, {arrayFormat: 'brackets'})
+//   },
+//
+//   // `data` is the data to be sent as the request body
+//   // Only applicable for request methods 'PUT', 'POST', and 'PATCH'
+//   // When no `transformRequest` is set, must be of one of the following types:
+//   // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
+//   // - Browser only: FormData, File, Blob
+//   // - Node only: Stream, Buffer
+//   data: {
+//     firstName: 'Fred'
+//   },
+//
+//   // `timeout` specifies the number of milliseconds before the request times out.
+//   // If the request takes longer than `timeout`, the request will be aborted.
+//   timeout: 1000,
+//
+//     // `withCredentials` indicates whether or not cross-site Access-Control requests
+//     // should be made using credentials
+//     withCredentials: false, // default
+//
+//   // `adapter` allows custom handling of requests which makes testing easier.
+//   // Return a promise and supply a valid response (see lib/adapters/README.md).
+//   adapter: function (config) {
+//   /* ... */
+// },
+//
+//   // `auth` indicates that HTTP Basic auth should be used, and supplies credentials.
+//   // This will set an `Authorization` header, overwriting any existing
+//   // `Authorization` custom headers you have set using `headers`.
+//   auth: {
+//     username: 'janedoe',
+//       password: 's00pers3cret'
+//   },
+//
+//   // `responseType` indicates the type of data that the server will respond with
+//   // options are 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
+//   responseType: 'json', // default
+//
+//     // `responseEncoding` indicates encoding to use for decoding responses
+//     // Note: Ignored for `responseType` of 'stream' or client-side requests
+//     responseEncoding: 'utf8', // default
+//
+//   // `xsrfCookieName` is the name of the cookie to use as a value for xsrf token
+//   xsrfCookieName: 'XSRF-TOKEN', // default
+//
+//   // `xsrfHeaderName` is the name of the http header that carries the xsrf token value
+//   xsrfHeaderName: 'X-XSRF-TOKEN', // default
+//
+//   // `onUploadProgress` allows handling of progress events for uploads
+//   onUploadProgress: function (progressEvent) {
+//   // Do whatever you want with the native progress event
+// },
+//
+//   // `onDownloadProgress` allows handling of progress events for downloads
+//   onDownloadProgress: function (progressEvent) {
+//     // Do whatever you want with the native progress event
+//   },
+//
+//   // `maxContentLength` defines the max size of the http response content in bytes allowed
+//   maxContentLength: 2000,
+//
+//     // `validateStatus` defines whether to resolve or reject the promise for a given
+//     // HTTP response status code. If `validateStatus` returns `true` (or is set to `null`
+//     // or `undefined`), the promise will be resolved; otherwise, the promise will be
+//     // rejected.
+//     validateStatus: function (status) {
+//   return status >= 200 && status < 300; // default
+// },
+//
+//   // `maxRedirects` defines the maximum number of redirects to follow in node.js.
+//   // If set to 0, no redirects will be followed.
+//   maxRedirects: 5, // default
+//
+//     // `socketPath` defines a UNIX Socket to be used in node.js.
+//     // e.g. '/var/run/docker.sock' to send requests to the docker daemon.
+//     // Only either `socketPath` or `proxy` can be specified.
+//     // If both are specified, `socketPath` is used.
+//     socketPath: null, // default
+//
+//   // `httpAgent` and `httpsAgent` define a custom agent to be used when performing http
+//   // and https requests, respectively, in node.js. This allows options to be added like
+//   // `keepAlive` that are not enabled by default.
+//   httpAgent: new http.Agent({ keepAlive: true }),
+//   httpsAgent: new https.Agent({ keepAlive: true }),
+//
+//   // 'proxy' defines the hostname and port of the proxy server
+//   // Use `false` to disable proxies, ignoring environment variables.
+//   // `auth` indicates that HTTP Basic auth should be used to connect to the proxy, and
+//   // supplies credentials.
+//   // This will set an `Proxy-Authorization` header, overwriting any existing
+//   // `Proxy-Authorization` custom headers you have set using `headers`.
+//   proxy: {
+//   host: '127.0.0.1',
+//     port: 9000,
+//     auth: {
+//     username: 'mikeymike',
+//       password: 'rapunz3l'
+//   }
+// },
+//
+//   // `cancelToken` specifies a cancel token that can be used to cancel the request
+//   // (see Cancellation section below for details)
+//   cancelToken: new CancelToken(function (cancel) {
+//   })
+// }

src/http/index.js

+import userApi from './user'
+import orderApi from './order'
+import returnOrderApi from './returnOrder'
+import OrderConfigApi from './orderConfig'
+
+export const user = userApi
+export const order = orderApi
+export const returnOrder = returnOrderApi
+export const orderConfig = OrderConfigApi

src/plugin/index.js

+import momentPlugin from './moment'
+import validate from './validate'
+import utils from './underscore'
+export {
+  momentPlugin,
+  utils,
+  validate
+}

src/plugin/moment/index.js

+import moment from 'moment'
+
+class Moment {
+  install (Vue, options) {
+    // 4. 添加实例方法
+    Vue.prototype.$moment = moment
+  }
+}
+
+export default new Moment()

src/plugin/underscore/index.js

+// https://www.npmjs.com/package/validate
+import _ from 'underscore'
+class Utils {
+  install (Vue, options) {
+    // 4. 添加实例方法
+    Vue.prototype.$_ = _
+  }
+}
+
+export default new Utils()

src/store/global/actions.js

+import * as types from './mutations_types'
+
+export default {
+  show_loading: ({
+    commit
+  }) => {
+    return new Promise((resolve, reject) => {
+      commit(types.SHOW_LOADING)
+      resolve()
+    })
+  },
+
+  hide_loading: ({
+    commit
+  }) => {
+    return new Promise((resolve, reject) => {
+      commit(types.HIDE_LOADING)
+      resolve()
+    })
+  }
+}

src/store/global/getters.js

+export default {
+  getLoadStatus (state) {
+    return state.ajax_loading
+  }
+}

src/store/global/index.js

+import state from './state'
+import mutations from './mutations'
+import getters from './getters'
+import actions from './actions'
+
+export default {
+  state,
+  mutations,
+  getters,
+  actions
+}

src/store/global/mutations.js

+import * as types from './mutations_types'
+
+// import { store } from 'utils/'
+
+export default {
+  [types.SHOW_LOADING] (state) {
+    state.ajax_loading = true
+  },
+
+  [types.HIDE_LOADING] (state) {
+    state.ajax_loading = false
+  }
+}

src/store/global/mutations_types.js

+// 显示加载
+export const SHOW_LOADING = 'SHOW_LOADING'
+
+// 关闭加载
+export const HIDE_LOADING = 'HIDE_LOADING'

src/store/global/state.js

+export default {
+  ajax_loading: false
+}