axios的简易封装

创建一个utils文件夹，创建http.js文件引入基本路径和axios拦截器

import axios from "axios"

const instance = axios.create({

baseURL: 'https://api.it120.cc/small4',

});

// 添加请求拦截器

axios.interceptors.request.use(function (config) {

// 在发送请求之前做些什么

return config;

}, function (error) {

// 对请求错误做些什么

return Promise.reject(error);

});

// 添加响应拦截器

axios.interceptors.response.use(function (response) {

// 对响应数据做点什么

return response;

}, function (error) {

// 对响应错误做点什么

return Promise.reject(error);

});

export default instance

创建一个api.js文件封装axios请求和参数

import http from "./http"

async function getdetail(id){

    let {data}=await http.post("/shop/goods/detail?id="+id)

    return data

}

async function getreput(id){

    let {data}=await http.post("/shop/goods/reputation?goodsId="+id)

    return data

}

export {getdetail,getreput}

在页面引入数据