axios基础配置

1、安装

import axios from 'axios'

2、src文件下新增utils文件request.js

import axios from 'axios'

const service = axios.create({
  baseURL: 'https://apis.tianapi.com'
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 请求拦截
    // 设置请求头，比如token等
    // 也可以设置其他的参数
    return config
  },
  error => {
    // 请求失败
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 响应结果
    const res = response.data

    // 如果接口返回的状态码不是200，则认为请求失败
    if (res.code !== 200) {
      // 抛出一个错误，这里的错误信息可以自定义，根据自己的需求编写。
      return Promise.reject(res.msg || 'Error')
    }

    // 正常返回数据
    return res
  },
  error => {
    // 响应失败
    return Promise.reject(error)
  }
)

export default service

3、配置api文件，输入接口

import request from '@/utils/request'

export function getList(params) {
  return request({
    url: '/wxhottopic/index',
    method: 'get',
    params
  })
}

 4、文件中使用

import { getList } from '../../../src/api/table'


  mounted() {
    this.getTableList();
  },
  methods: {
    getTableList() {
      // 密钥
      const params = {
        key: 'e6104d294168f82c4f73194a3c8dd672'
      }
      getList(params,this.formInline).then(res => {
        this.tableData = res.result.list
      })

    },