vue之axios的封装

1.为什么需要封装axios？
当我们改变项目的使用环境时候，url也会随之改变，那么我们就需要改很多axios请求中的url配置
现在我们将axios封装，在项目使用环境改变时我们只用改变axios封装方法中的baseurl一项就行了，请求的接口地址不变。

2.Axios的封装方式

        1.执行安装axios命令:  npm i axios
        2.对axios进行简单的封装
            1.在src文件夹下创建utils文件夹，在utils文件夹下 创建request.js   并导出

import axios from "axios";//创建一个axios的对象
//生成一个axios的实例
const http=axios.create({
	baseURL:"http://www.xxx.top:8080/",// baseURL会在发送请求的时候拼接在url参数前面
	timeout:3000,//请求超时
});
export default http;//导出

            2.在src文件夹下创建api文件夹，api文件夹下  创建index.js

//导入request.js
import request from "@/utils/request";//@==>src
//可以按需导出
//获取商品列表  方法一  返回一个请求的方法
export const getProduct=(params)=>request.get("/product/",{params});
//获取商品详情
export const