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

const service = axios.create({
  baseURL: process.env.proxyUrl || process.env.baseUrl
})

service.interceptors.request.use(config => {
  // is server render, use ${baseUrl} directly rather than ${proxyUrl}
  if (process.env.proxyUrl && typeof window === 'undefined') {
    config.url = process.env.baseUrl + config.url
    config.headers.cookie = store.state.option.cookies
    config.headers['User-Agent'] = store.state.option.userAgent
  }
  return config
}, error => {
  return Promise.reject(error)
})

service.interceptors.response.use(response => {
  // console.log('SESSIONID', response.headers)
  return response
}, error => {
  return Promise.reject(error)
})

Vue.prototype.$http = service
export default service