封装axios接口

axios这种请求，最好封装成函数

第一步封装

1. 在untils文件夹中创建名为request文件，里面文件中导入axios插件

2. 新定义一个axios，设计其基地址和接口请求超时的秒数，export暴露导出它

import axios from 'axios'
const request = axios.create({
  timeout: 5000,
  baseURL: 'http://toutiao.xxx.net'
})
export default request

第二步封装

1. src目录下创建一个名为api的文件夹，里面创建一个相应接口名的js文件

2. 在api的文件中导入request的js文件，export暴露导出一个自定义名，箭头函数return axios的接口请求

3. 设置其url和请求头等等，如需传数据要用data接受形参实参

import request from '@/utils/request'
export const 方法名 = data => {
  return request({
    url: ……,
    method:……,
    data:……
  })
}

页面使用

• import { 方法名 } from '方法的路径'

• const res=await 方法名(实参)