Si bien el mismo método funciona bien con otra llamada a la API, obtener de esta API me está dando un error en la promesa. el error dice Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'json')
Mi código de búsqueda dice lo siguiente:
import { ref } from "vue"; export default { async setup() { const prompProducts = ref(null); const bc_prompProducts = await fetch( "https://booking.hemantbhutanrealestate.com/api/v1/get_frontend_products" ); prompProducts.value = await bc_prompProducts.json(); return { prompProducts, }; }, };Si bien este mismo método funciona sin errores en mis otras llamadas a la API, recibo un error en esta. ¡Por favor ayuda, el sitio ya está en producción!
Puede poner su llamada asíncrona en función y llamarla, o puede usar el gancho onMounted :
const { ref, onMounted } = Vue const app = Vue.createApp({ setup() { const prompProducts = ref([]); onMounted(async() => { const bc_prompProducts = await fetch( "https://booking.hemantbhutanrealestate.com/api/v1/get_frontend_products" ) prompProducts.value = await bc_prompProducts.json() }) return { prompProducts } }, }) app.mount('#demo') <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> <div id="demo"> <div v-for="pro in prompProducts" :key="pro.id"> <p>{{ pro }}</p> </div> </div>