1. 添加一个 request.js 作为axios的配置文件
import axios from "axios"; // 引入axios
const http = axios.create({
baseURL: "http://127.0.0.1:8080",
timeout: 5000,
});
// 添加请求拦截器
http.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
http.interceptors.response.use(function (response) {
// 2xx 范围内的状态码都会触发该函数。
// 对响应数据做点什么
return response;
}, function (error) {
return Promise.reject(error);
});
//导出 get post
export default {
//get请求方法
get(url, params) {
return http.get(url, { params });
},
//post请求方法
post(url, data) {
return http.post(url, data);
},
};
解释: 在baseURL 设置你的后端地址
2. 使用
2.1. 导入request.js
import request from "@/api/request.js";
2.2. 使用post请求
async function savein() {
const saveinfo = await request.post("/users/save")
console.log(saveinfo .data);
}
}
2.3. 使用带参数的post请求
async function savein() {
const saveinfo = await request.post("/users/save", ruleForm)
console.log(saveinfo .data);
}
}
2.4. 使用get请求
async function InfoList() {
const result = await request.get("/users/list")
console.log(result.data.data);
}
2.4. 使用带参数的get请求
async function tuichu() {
const result = await request.get("/users/list",parmas)
console.log(result.data.data);
}