vue接口怎么使用

import axios from "axios";

const api = axios.create({
  baseURL: "https://api.example.com",
  headers: {
    "Content-Type": "application/json",
  },
});

api.get("/users").then(response => {
  // 使用响应的数据
});

export default {
  data() {
    return {
      users: [],
    };
  },
  mounted() {
    api.get("/users").then(response => {
      this.users = response.data;
    });
  },
  methods: {
    // ...
  },
};

<template>
  <ul>
    <li v-for="user in users" :key="user.id">{{ user.name }}</li>
  </ul>
</template>

api.get("/users").then(response => {
  // ...
}).catch(error => {
  // 发生错误时的处理逻辑
});

import { createRouter, createWebHistory } from "vue-router";

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: "/users",
      component: UsersView,
      beforeEnter: (from, to, next) => {
        if (store.state.users.length === 0) {
          api.get("/users").then(response => {
            store.commit("setUsers", response.data);
          });
        }
        next();
      },
    },
  ],
});