react使用axios进行api网络请求的封装方法详解

npm install axios

const devBaseUrl = 'Http://api.k780.com/'
const proBaseUrl = 'http:xxx//xxxx.xx.com'
export const BASE_URL = process.env.node_ENV === 'development' ? devBaseUrl : proBaseUrl
export const TIMEOUT = 5000

import axios from 'axios'
import { BASE_URL, TIMEOUT } from './config'
const instance = axios.create({
    baseURL: BASE_URL,
    timeout: TIMEOUT
})
// 请求拦截器
instance.interceptors.request.use(config => {
    console.log('被拦截做一些操作')
    return config
}, err => {
    return err
})
export default instance

import request from '../../axios/request'

async componentDidMount() {
    const data = await request({
      // 参数
      params: {
        app: 'weather.today',
        weaId: 248,
        appkey: 10003,
        sign: 'b59bc3ef6191eb9f747dd4e83c99f2a4',
        fORMat: 'json'
      }
    })
    console.log(data)
    this.setState({weather: data.data.result.weather})
  }