vue3 async封装axios

1.创建一个api文件夹

2.新建一个js文件（我这儿叫myaxios.js）来封装axios

// 封装axios请求
import axios from "axios";
const newAxios = axios.create({
  baseURL: "https://baidu.com",//自己的基本路径
});
// 响应拦截器
newAxios.interceptors.response.use(
  (response) => {
    return response.data;
  },
  (error) => {
    return Promise.reject(error);
  }
);
// 导出自定义函数，参数对象结构赋值
export default ({ url, method = "GET", params, data, headers }) => {
  return newAxios({
    url,
    method: method,
    params: params,
    data: data,
    headers: headers,
  });
};

3.创建一个js文件（我这儿叫getNews.js）封装请求函数

import myaxios from "@/api/myaxios.js";//写myaxios的路径

export const getNewsAPI = (newsdata) => {
  return myaxios({
    url: "/api/zheng/v1/search", //地址
    method: "post",
    data: newsdata,
    headers: {
      //头部参数
      username: "a9192d155a4a1ae59fa",
    },
  });
};

4.在vue文件中使用

//首先导入
import { getNewsAPI } from "../../api/getNews.js";//大括号里边的名对应getNews.js的函数名
//使用
async getNewsFn() {//这个名是自己取的
const res = await getNewsAPI(this.searchlist);//需要传的数据
console.log(res);//res就是返回的结果可以根据code=200或者OK来判断是否成功
}