第一步:先在 src 下创建
第二步:配置 Service.js 直接粘贴无需改动,参考代码如下:
import axios from "axios";
/**
* @description: 发送网络请求
* @param {object} config 一个配置对象
* @return {*} 返回请求的结果
*/
export function request(config) {
// 创建一个axios实例
const instance = axios.create({
// 配置请求的超时时间
timeout: 5000,
headers: {
"pc-token": "4a82b23dbbf3b23fd8aa291076e660ec",
"content-type": "application/x-www-form-urlencoded",
},
});
//设置请求拦截器
instance.interceptors.request.use(
(config) => {
// console.log('loading...')
return config;
},
(err) => {
console.log(err);
}
);
//设置响应拦截器
instance.interceptors.response.use(
(response) => {
return response.data; //拦截处理响应结果,直接返回需要的数据
},
(err) => {
console.log(err);
}
);
return instance(config);
}
第三步:配置 request.js 根据直接服务器对应参数进行适当的修改,多条请求,直接在该文件里一直往下写,参考代码如下:
import { request } from "./Service";
// 密码登录
export function passwordLogin({ phone, pass }) {
let params = new URLSearchParams();
params.append("phone", phone);
params.append("pass", pass);
return request({
url: "/api/oldcar/userlgn",
method: "post",
data: params
});
}
第四步:在需要的页面引入即可:
import { passwordLogin } from '../../api/request'
//需要的地方请求即可
passwordLogin({ phone: cell, pass: password }).then(res => {
console.log(res)
}
看到这里是否对你有用,有不详细的地方请多多见谅,谢谢观看点赞呗