import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getToken } from '@/utils/auth'

// create an axios instance
const service = axios.create({
 baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
 // withCredentials: true, // send cookies when cross-domain requests
 timeout: 10000, // request timeout
 withCredentials: true
})

// request interceptor
service.interceptors.request.use(
 config => {
 // do something before request is sent
 config.headers['Accept'] = '*/*'
 if (store.getters.token) {
 // let each request carry token
 // ['X-Token'] is a custom headers key
 // please modify it according to the actual situation
 config.headers['X-Token'] = getToken()
 }
 return config
 },
 error => {
 // do something with request error
 console.log(error) // for debug
 return Promise.reject(error)
 }
)

// response interceptor
service.interceptors.response.use(
 /**
 * If you want to get http information such as headers or status
 * Please return response => response
 */

 /**
 * Determine the request status by custom code
 * Here is just an example
 * You can also judge the status by HTTP Status Code
 */
 response => {
 const res = response.data
 console.log('res', res)

 // if the custom code is not 20000, it is judged as an error.
 if (res.code !== 0) {

 Message({
 message: res.msg || res,
 type: 'error',
 duration: 5 * 1000
 })

 // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
 if (res.code === 401 || res.code === 50012 || res.code === 50014) {
 // to re-login
 location = '/'
 }


 return Promise.reject(new Error(res.msg || 'Error'))
 } else {
 return res
 }
 },
 error => {
 console.log('err' + error) // for debug
 Message({
 message: error.message,
 type: 'error',
 duration: 5 * 1000
 })
 return Promise.reject(error)
 }
)

export default service