Vue: instale la llamada del paquete axios

1. Instalar axios

npm instalar axios

2. Crea el archivo request.js

 contenido:

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. Crear archivo index.js

 contenido:

//导入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. Referencia index.js y llamada

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



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