vue3封装axios请求

Posted 2022-12-04 初辰ge

npm安装axios

npm install axios

创建http.js文件

// 引入axios
import axios from "axios";
// 设置请求基准地址
axios.defaults.baseURL = "http://api.xxxx.xx/";
// 导出封装方法
export default 
    get (url, data) 
        return new Promise((resolve, reject) => 
            axios.get(url, 
                params: data
            ).then(response => 
                resolve(response.data)
            ).catch(err => 
                reject(err)
            )
        )
    ,
    post (url, data) 
        return new Promise((resolve, reject) => 
            axios.post(url,
                data
            ).then(response => 
                resolve(response.data);
            ).catch(err => 
                reject(err);
            )
        )
    
;

在main.js中将方法挂载到全局

import httphelper from "@/assets/js/http.js";
const app = createApp(App);
app.config.globalProperties.$http = httphelper;

调用方法

this.$http.get("xxxx", 
    type: 0,
)
.then((res) => 
    if (res.code == 200) 
       this.linkList = res.data;
    
);