axios如何封装

首先src下创建api文件夹

1.创建js文件名字自己想(server.js)
	引入axios文件模块
import axios from "axios";
var service=axios.create({
	baseURL:process.env.BASE_API
})
//导出封装的函数,这个地方以get请求方式为例
export function getSever(type,item){
	return service({
		url:"http://xxx"+type,  //需要请求的地址,type是接口
		//url:"http://localhost/login" 
		//type就是"/login" type是参数,不明白可以继续向下看
		method:"get",
		params:item,//item在这里也是参数,它代表你请求需要传的参数
	})

}
在组件当中的使用
//将apijs文件引进来,将其中的方法解构出来
import { getServer } from "../api/server.js"
//将下面这块代码放在触发请求的方法中
let type ="/login"  
//这下type应该明白了吧
let item={
	username:"",
	userpass:""
}
getServer(type,item).then(res=>{
	console.log(res.data)
	//拿到数据了吗?
})

其他类型的请求方式套就行了

post请求将method的值改为post,
params改为data

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三岁就很~酷~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值