vue2 - axios 的使用

发布时间 2023-03-22 21:13:01作者: Mikasa-Ackerman

Axios 官网:http://axios-js.com/zh-cn/docs/

 

Axios的模块化:

二次封装Axios

import Vue from "vue"
import VueAxios from "vue-axios";

Vue.use(VueAxios)

const response=VueAxios.create({
  baseURL: "htt://localhost:8081",
  //3s
  timeout: 3000
})

// 配置 response.xxxx (配置axios 详情看官网 的一些配置与钩子)

export default response

 

使用:xxxAip

import Response from "../Response"

export default {
  getBlogList(){
    return Response({
      method: "get",
      url: "http://localhost:8081/getBlogList",
      params: {
        id: "123131312"
      }
    })
  }
}

 

使用一个文件(index.js)导出 方便使用:

import BlogResponse from "@/api/backstage-api/BlogResponse";

export {BlogResponse}