首先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