problema explicado

Tengo problemas para usar Axios o buscar en nuxt. Todo funciona bien localmente, pero una vez que lo implementé en vercel, simplemente no vuelve a obtener los datos de la API. GraphQL funciona bien pero Axios no funciona.

¡Estoy tratando de obtener publicaciones de blog de mi backend strapi implementado en Heroku! Probé el gancho de búsqueda, asyncData (simplemente no funciona localmente ni en el servidor), el montaje asíncrono tampoco funciona.

Mi código

Con asyncData:

 export default { props: { slug: { type: String, required: true, }, }, async asyncData({ $axios, $props }) { let tag = {} let tags = [] await $axios .get( `http://bloggish-strapi-backend.herokuapp.com/tags?slug=${$props.slug}` ) .then((res) => { tags = res.data tag = tags[0] ? tags[0] : null }) return { tags, tag } }, }

No funciona de ninguna manera

Con gancho montado

 export default { data() { return { tags: [], tag: {}, } }, async mounted() { await this.$axios .get( `http://bloggish-strapi-backend.herokuapp.com/tags?slug=${this.$props.slug}` ) .then((res) => { this.tags = res.data this.tag = this.tags[0] ? this.tags[0] : null }) }, }

no funciona en vercel

Se implementa como un proyecto SSR para vercel usando el constructor vercel

vercel.json

 { "builds": [ { "src": "nuxt.config.js", "use": "@nuxtjs/vercel-builder", "config": {} } ] }