此文介绍了如何绑定 axios 作为 Vue3 的插件,可以查看文档编写插件学习如何为 Vue3 开发插件。

新建 /src/plugins/http.js 文件。

import axios from "axios"

export default {
    install: (app) => {
        // 将 axios 绑定到全局属性中
        app.config.globalProperties.$http = axios
    },
}

然后在 main.js 中绑定插件。

import { createApp } from "vue"
import App from "./App.vue"
import http from "./plugins/http"

const app = createApp(App)
// 绑定我们定义的 axios 插件
app.use(http)
app.mount("#app")

之后就能通过 this.$http 的方式使用 axios 了。

this.$http.get("https://3yya.com/u/d8cf630cf5f367cc/bbs/app/posts")