Vue3: Globale Definition der Get- und Post-Methode

Erstellen Sie eine neue request.js-Seite unter der API und speichern Sie die Daten

import request from '@/utils/request'

export function post(url, data = {}, headers = {}) {
    return request({
        url,
        headers,
        method: 'post',
        data
    })
}
export function get(url, params = {}, headers = {}) {
    return request({
        url,
        headers,
        method: 'get',
        params
    })
}

Dann registrieren Sie es in main.js

import { get, post } from "@/api/request"
// 全局方法挂载
app.config.globalProperties.$get = get
app.config.globalProperties.$post = post

verwenden

<script setup>
const { proxy } = getCurrentInstance();

const getNet = async () => {
  pizelist.value = await proxy.$get("/heatfactory/list");
  
};
getNet()
</script>