学习项目中公共请求方法的封装，学习使用mock模拟数据

1.项目中新建util/request.js 文件

2.安装axios

3.在request.js中引入axios,配置如下：

import axios from 'axios'
// axios.create去创建一个axios实例
const service = axios.create({
  baseUrl: 'https://apis.imooc.com',
  timeout: 500 // 超时时间
})

// 响应拦截器
service.interceptors.response.use(
  response => {
    if (response.status === 200 && response.data) {
      console.log(response.data)
      return response.data
    } else {
      return Promise.reject(new Error('请求失败'))
    }
  },
  error => {
    return Promise.reject(error)
  }
)
export default service

4.在项目中新建api/index.js，创建具体的请求方法。

import request from '@/utils/request'

const icode = '13926EAFCAA16CC3'
// 导出test方法，在这个方法里面发起一个get请求
export function wordcloud () {
  return request({
    url: '/screen/wordcloud',
    method: 'get',
    params: { icode }
  })
}
export function mapScatter () {
  return request({
    url: '/screen/map/scatter',
    method: 'get',
    params: { icode }
  })
}

export function screenData () {
  return request({
    url: '/screen/data',
    method: 'get',
    params: { icode }
  })
}

mock数据 学习一下别人的，还是挺简单的。 coding.imooc.com/learn/quest…