vue:安装axios封装调用

1.安装axios

npm install axios

2.创建request.js文件

 内容：

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.创建index.js文件

 内容：

//导入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.引用index.js并调用

import {getBanner} from "@/api/index"



methods:{
    headContBanner(){
        const res= getBanner({
          pageNum:1,
          pageSize:10,
          bigTypeId:37,
          typeId:37
        }).then(res => {
          console.log(res,'接口数据');
        });
    },
}