老师请求失败，不知道为什么没有办法发送post请求

<template>

<div class="order">

<div class="order__price">实付金额 <b>¥ {{calculations.price}}</b></div>

<div class="order__btn" @click="() => handleShowConfirmChange(true)">提交订单</div>

</div>

<div

class="mask"

v-show="showConfirm"

@click="() => handleShowConfirmChange(false)"

>

<div class="mask__content" @click.stop>

<!-- .stop 阻止事件的捕获 -->

<h3 class="mask__content__title">确认要离开收银台？</h3>

<p class="mask__content__desc">请尽快完成支付，否则将被取消</p>

<div class="mask__content__btns">

<div

class="mask__content__btn mask__content__btn--first"

@click="() => handleConfirmOrder(true)"

>取消订单</div>

<div

class="mask__content__btn mask__content__btn--last"

@click="() => handleConfirmOrder(false)"

>确认支付</div>

<Toast v-if="show" :message="toastMessage" />

</div>

</div>

</div>

</template>

<script>

import { ref } from 'vue'

import { useRouter, useRoute } from 'vue-router'

import { useStore } from 'vuex'

import { post } from '../../utils/request'

import { useCommonCartEffect } from '../../effects/cartEffects'

import Toast, { useToastEffeect } from "../../components/Toast.vue";

// 下单相关逻辑

const useMakeOrderEffect = (shopId, shopName, productList, showToast) => {

const router = useRouter()

const store = useStore()

const handleConfirmOrder = async (isCanceled) => {

const products = []

for(let i in productList.value) {

const product = productList.value[i]

products.push({id: parseInt(product._id, 10), num: product.count})

}

try {

const result = await post('/api/order', {

addressId: 1,

shopId,

shopName: shopName.value,

isCanceled,

products

})

if (result?.errno === 0) {

store.commit('clearCartData', shopId)

router.push({ name: 'Home' })

}

} catch (e) {

// 提示下单失败

showToast("请求失败");

}

}

return { handleConfirmOrder }

}

// 蒙层展示相关的逻辑

const useShowMaskEffect = () => {

const showConfirm = ref(false)

const handleShowConfirmChange = (status) => {

showConfirm.value = status

}

return { showConfirm, handleShowConfirmChange }

}

export default {

name: 'Order',

components: {

Toast: Toast,

},

setup() {

const route = useRoute()

const shopId = parseInt(route.params.id, 10)

const { show, toastMessage, showToast } = useToastEffeect();

const { calculations, shopName, productList } = useCommonCartEffect(shopId)

const { handleConfirmOrder } = useMakeOrderEffect(shopId, shopName, productList, showToast)

const { showConfirm, handleShowConfirmChange } = useShowMaskEffect()

return { show, toastMessage, showConfirm, handleShowConfirmChange, calculations, handleConfirmOrder }

}

}

</script>