vue封装很实用的请求方法

本文介绍了如何在Vue项目中,通过将请求对象置于utils文件并管理API接口于独立的api文件,实现前端请求的简洁与高效引入。
摘要由CSDN通过智能技术生成

我的src的文件目录                                                                                                                              

 

把请求对象写在utils文件里面

// 导入axios
import axios from 'axios'
import store from '../store/index'
// 导入jsonbigint
import jsonbig from 'json-bigint'
import { setToken } from '../utils/token'

// 创建一个 axios 的实例:可以以 axios 作为 一个构造函数去创建一个新的 axios 实例,
// 它与 axios 的作用一个也可以用来发送 axios 请求
// 可以使用: axios.create 来创建对象
const instance = axios.create({
  // 设置基准地址
  baseURL: 'http://ttapi.research.itcast.cn/app/v1_0/',
  // 处理接收到的服务器响应的信息的配置
  transformResponse: [function (data) {
    try {
      // 将来不管服务器响应的是什么信息,都是优先由这个函数来处理
      // data:就是从服务器中响应回来的数据
      return jsonbig.parse(data)
    } catch (err
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值