axios请求 简单封装和不封装的区别

searchResult(tab) {

      http({

        url: "/api/tenant/product/list/?productCategoryId=" + tab,

        method: "GET",

        data: {},

        params: {

          productName: this.search,

        },

        headers: {

          satoken: JSON.parse(localStorage.getItem("token")).tokenValue,

        },

      }).then((res) => {

        this.masklist = res.data.data;

      });}

searchResult(tab) {

      this.axios

        .get("/api/tenant/product/list/?productCategoryId=" + tab, {

          params: {

            productName: this.search,

            satoken:JSON.parse(localStorage.getItem("token")).tokenValue ,

          },

        })

        .then((res) => {

          console.log(res);

          this.masklist = res.data.data

        })

        .catch((err) => {

          console.error(err);

        });

    },

想问一下 这两种封装的请求有什么区别吗  第一种是简单封装了一下 第二种是直接写的