//.env.dev文件
NODE_ENV = dev
# base url
VUE_APP_BASE_URL = "https://dev.it98k.cn"
--------------------------------------------------------------
//.env.test文件
NODE_ENV = test
# base url
VUE_APP_BASE_URL = "https://test.it98k.cn"
--------------------------------------------------------------
//.env.uat文件
NODE_ENV = uat
# base url
VUE_APP_BASE_URL = "https://uat.it98k.cn"
--------------------------------------------------------------
//.env.prod文件
NODE_ENV = prod
# base url
VUE_APP_BASE_URL = "https://prod.it98k.cn"
--------------------------------------------------------------

"scripts": {
    "serve": "vue-cli-service serve --mode dev",
    "build:test": "vue-cli-service build --mode test",
    "build:uat": "vue-cli-service build --mode uat",
    "build:prod": "vue-cli-service build --mode prod"
  },

//首先引入axios
import axios from 'axios'
//然后通過(guò)create方法來(lái)創(chuàng)建一個(gè)請(qǐng)求服務(wù)
//然后create方法內(nèi)有一些配置項(xiàng)，比如接口域名`baseURL`、接口請(qǐng)求超時(shí)時(shí)間`timeout`
//接口url`url`
//接口請(qǐng)求方式`method`等等，需要我們按需傳入
// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL, // 完整的api地址 = 接口域名+ 接口路徑
  timeout: 5000 // 請(qǐng)求超時(shí)時(shí)間 5s
})
//下面會(huì)定義兩個(gè)攔截器，分別是 `請(qǐng)求攔截器`，`響應(yīng)攔截器`
//`請(qǐng)求攔截器`是前端請(qǐng)求后端接口前處理的一些邏輯，比如開(kāi)啟loading，配置header請(qǐng)求頭等等
//`響應(yīng)攔截器`就是后端響應(yīng)我們前端，返回回來(lái)的數(shù)據(jù)，比如我們可以在這響應(yīng)攔截器內(nèi)拿到status Code
//拿到后端接口返回的code，關(guān)閉loading、根據(jù)code碼處理一些詳細(xì)的邏輯等等一系列操作
//request interceptor   請(qǐng)求攔截器  
service.interceptors.request.use(
  config => {
    // do something before request is sent。在發(fā)送請(qǐng)求之前做一些事情
    config.headers['token'] = "xxxxxx"
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)
// response interceptor  響應(yīng)攔截器
service.interceptors.response.use(
  response => {
    const res = response.data
    // if the custom code is not 20000, it is judged as an error.
    if (res.code !== 200) {
      alert(res.message || 'Error')
      return Promise.reject(new Error(res.message || 'Error'))
    } else {
      return res
    }
  },
  error => {
    console.log('err' + error) // for debug
    alert(res.message || 'Error')
    return Promise.reject(error)
  }
)
// 最后暴露我們聲明的 service 服務(wù)
export default service

import request from '../utils/request';
//登錄接口，post方式傳參用data
export function login(data) {
  return request({
    url: '/api/login',
    method: 'post',
    data
  })
}
//獲取xx列表接口，get方式傳參用params
export function getList(params) {
  return request({
    url: '/api/getList',
    method: 'get',
    params
  })
}

//首先第一步要用import導(dǎo)入進(jìn)來(lái)我們的登錄接口
import { login } from '../api/index'
//然后直接調(diào)用login方法
login({username:'admin',password:"123456"}).then(res=>{
      console.log(res);
})