在 vuepress2 中使用 axios

安装 axios

使用命令行工具安装 axios

pnpm install axios

封装 http 模块

在 .vuepress 目录下创建 http 模块，模块详见

全局使用 http 模块

在 client.ts 中将封装好的 http 模块引入

import http from './http';

export default defineClientConfig({
  enhance({ app }) {
    app.config.globalProperties.http = http;
  },

  setup() {},

  rootComponents: [],
});

使用 http

在组件中使用 http

<template></template>
<script lang="ts" setup>
import { getCurrentInstance, ref } from 'vue';
const cns = getCurrentInstance();

const getApi = async () => {
  try {
    const res = await $get('/api', config);
    console.log(res);
  } catch (error) {
    console.log(error);
  }
};
</script>
<style lang="scss"></style>

跨域问题

详见解决vuepress2跨域