mall-web-ssr/plugins/axios.js

import Vue from 'vue'
import axios from 'axios'
import store from '~store'

const service = axios.create({
  withCredentials: true,
  baseUrl: '/'
})

let reqCount = 0 // 请求计数器

service.interceptors.request.use(config => {
  // is server render, use ${baseUrl} directly rather than ${proxyUrl}
  config.url = config.url || '/'
  reqCount++
  if (process.server) {
    if (config.url.indexOf('/inquiry') === 0) {
      config.url = process.env.commonUrl + config.url
    } else if (config.url.indexOf('/productsuer') === 0) {
      config.url = process.env.materialUrl + config.url
    } else if (config.url.indexOf('/messages') === 0) {
      config.url = process.env.messageUrl + config.url
    } else if (config.url.indexOf('/cmsApi') === 0) {
      config.url = process.env.cmsUrl + config.url
    } else {
      config.url = process.env.baseUrl + config.url
    }
  //   let paramStr = ''
  //   if (config.params) {
  //     paramStr += '?'
  //     for (let s in config.params) {
  //       paramStr += s + '=' + config.params[s] + '&'
  //     }
  //     paramStr.substr(0, paramStr.length - 2)
  //   }
  //   console.log(config.url + paramStr)
    // config.headers.cookie = store.state.option.cookies + '; ' + store.state.option.sessionId
    // config.headers['User-Agent']
  } else {
    document.getElementById('loading').setAttribute('class', 'loading in')
  }
  return config
}, error => {
  return Promise.reject(error)
})

service.interceptors.response.use(response => {
  const cookies = response.headers['set-cookie']
  if (cookies && cookies.length) {
    for (let i = 0; i < cookies.length; i++) {
      if (cookies[i].indexOf('JSESSIONID') > -1) {
        const sessionId = cookies[i]
        const first = sessionId.indexOf(';')
        const second = sessionId.lastIndexOf(';')
        const newSessionId = sessionId.replace(sessionId.substring(first, second), '')
        store.commit('option/SET_SESSION_ID', newSessionId)
        break
      }
    }
  }
  if (--reqCount <= 0 && !process.server) {
    document.getElementById('loading').setAttribute('class', 'loading')
  }
  return response
}, error => {
  if (--reqCount <= 0 && !process.server) {
    document.getElementById('loading').setAttribute('class', 'loading')
  }
  return Promise.reject(error)
})

Vue.prototype.$http = service
export default service