1. Install axios
npm install axios
2. Create the request.js file
content:
import axios from "axios";//创建一个axios的对象
//生成一个axios的实例
const http=axios.create({
baseURL:"http://192.168.1.000/dev-api/",// baseURL会在发送请求的时候拼接在url参数前面
timeout:3000,//请求超时
});
export default http;//导出
3. Create index.js file
content:
//导入request.js
import request from "@/utils/request";//@==>src
//可以按需导出
// 登录 参数为body参数时
export const getLogin=(data)=>request({
url: '/login',
method: 'post',
data: data
});
// 注册 参数为body参数时
export const getRegister=(data)=>request({
url: '/register',
method: 'post',
data: data
});
// 获取注册验证码 参数为query参数时
export const getSmsCode=(params)=>request.get("/register/getPhoneCode",{params});
// 获取登录验证码 参数为query参数时
export const getSmsCodeLogin=(params)=>request.get("captchaImage",{params});
// 轮播图 参数为query参数时
export const getBanner=(params)=>request.get("news/info/listApi",{params});
// 详情 参数为query参数时
export const getDetails=(query)=>request.get("news/info/",{query});
4. Reference index.js and call
import {getBanner} from "@/api/index"
methods:{
headContBanner(){
const res= getBanner({
pageNum:1,
pageSize:10,
bigTypeId:37,
typeId:37
}).then(res => {
console.log(res,'接口数据');
});
},
}