如何在VueJS/NuxtJs中动态调用axios方法

npm install axios

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://api.example.com', // 设置请求的基础URL
  timeout: 5000, // 设置请求超时时间
});

export const getPosts = () => {
  return api.get('/posts'); // 发起GET请求获取文章列表
};

export const createPost = (data) => {
  return api.post('/posts', data); // 发起POST请求创建文章
};

// 其他请求方法...

import { getPosts, createPost } from '~/api';

export default {
  methods: {
    async fetchPosts() {
      try {
        const response = await getPosts(); // 调用getPosts方法获取文章列表
        console.log(response.data); // 处理返回的数据
      } catch (error) {
        console.error(error); // 处理错误
      }
    },
    async addPost() {
      try {
        const postData = { title: 'New Post', content: 'Lorem ipsum dolor sit amet.' };
        const response = await createPost(postData); // 调用createPost方法创建文章
        console.log(response.data); // 处理返回的数据
      } catch (error) {
        console.error(error); // 处理错误
      }
    },
    // 其他请求方法...
  },
};