封装axios请求接口模块（个人笔记）

bug制造者-小六

于 2021-10-20 09:36:39 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/qq_44358203/article/details/120859577

版权

axios 接口配置前端开发 HTTP请求封装

关键词由CSDN通过智能技术生成

首先在public 文件下得config.js文件中引入接口地址，这样打包后也可以修改接口地址

const serverConfig = {
  baseUrl:'http://192.168.0.60:8080/TaxPlatfrom/',
}

然后在api文件下创建一个request.js文件，在里面封装一个axios请求模块

/**
 * 封装 axios 请求模块
 */
 import axios from "axios"
  const request = axios.create({
   baseURL: serverConfig.baseUrl, //serverConfig.baseUrl就是config.js文件中的接口地址
 })

在api文件下另外创建一个allapi.js文件，用来调接口

import request from './request'
export const aa = data => {
  return request({
    method: 'POST',
    url: '/business_invoic_use_log/privateOpenView',
    data,
  })
}

然后在代码中调用就行了