发表于： 2021-09-06 19:13:58
0 1549
vue封装数据请求总结：
一、配置url（可以放在一个js中）
1，引入axios：import axios from “axios”2，配置url
const service = axios.create({
baseURL: '请求地址',
timeout: 5000,// 访问超时的时间限制
}),
3，抛出（如果是新起的js文件）：export default service;
二、写接口的文件（js文件）
1，将配置url和axios引入：（例如配置的url文件叫request.js）
2，配置各个接口：(例如叫business.js)
Get请求：
export function testGet(参数) {
return request({
method: get,
url: '',
params: {
//json格式，如果有就写，没有就去掉。
}
})
}
Post请求：
export function testPost(res) {
const data = { res } //写要传递的参数，json格式
return request({
method: post,
url: '具体接口',
datatype: 'json',
data
})
}
三、使用
1.引入：import {要引入的方法名字} from business.js
2.使用
TestGet().then(res=>{ //成功进这个 }).catch(err=>{ //报错进这个});
放在当前页面使用的方法里。
返回列表
评论