1. 程式人生 > 遊戲 >手遊《絕地求生:未來之役》聯動《我們之中》

手遊《絕地求生:未來之役》聯動《我們之中》

axios用來對傳送請求前進行處理與響應後進行處理,對應到請求攔截器與響應攔截器兩部分,如下:

import axios from 'axios'
import {
  ElMessage
} from 'element-plus'

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

// 請求攔截器
service.interceptors.request.use(
  config => {
    // 新增 icode
    config.headers.icode = '5FD82D1BDB03DBD2'
    // 必須返回 config
    return config
  }
)

// 響應攔截器
service.interceptors.response.use(
  response => {
    const {
      success,
      message,
      data
    } = response.data
    //   要根據success的成功與否決定下面的操作
    if (success) {
      return data
    } else {
      // 業務錯誤
      ElMessage.error(message) // 提示錯誤訊息
      return Promise.reject(new Error(message))
    }
  },
  error => {
    // TODO: 將來處理 token 超時問題
    ElMessage.error(error.message) // 提示錯誤資訊
    return Promise.reject(error)
  }
)

export default service