网络请求封装axios

原因：为了解除第三方网络请求模块与项目之间的强耦合，防止出现第三方网络请求模块弃用后，需要大规模修改项目源码的现象。

步骤：

• 定义一个request.js 对axios第三方HTTP库进行封装

import axios from 'axios'

export function request(config) {
    
    
  // 创建axios的实例
  const instance = axios.create({
    
    
    baseURL: 'http://152.136.185.210:7878/api/m5',
    timeout: 5000
  })
  // 发送真正的网络请求
  return instance(config)
}

• 项目导入request.js

import {
    
    request} from './network/request'

request({
    
    
  url: '/home/multidata'
}).then(res => {
    
    
  console.log(res)
}).catch(err => {
    
    
  console.log(err)
})