[Dúvida] Disponibilização do projeto no Vercel com o uso de mock json-server via Axios

Salve, Rodrigo!

O json-server atende mais o cenário de desenvolvimento!

Porém, esse template pode te ajudar a publicá-lo na Vercel e ter a API fake disponível online :)

Oi Vinicios!

Eu consegui fazer funcionar! : )

Publiquei a api rest json no Render (aqui), em vez de utilizar o Vercel. E funcionou!! : )

Vi que muitas pesssoas também questionaram esse problema e vi que realmente o Vercel possui essa "limitação" em não permitir a edição do Json por post/put. O mecanismo para fazer funcionar lá eu vi que era bem complicado, e descobri o Render.

Então:

1. O código src/http/index.ts ficou assim:

import axios, { AxiosInstance } from "axios"

const clienteHttp: AxiosInstance = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL_AXIOS,
  headers: {
    "Content-type": "application/json",
  },
})

export default clienteHttp

1. Onde o conteúdo de process.env.VUE_APP_BASE_URL_AXIOS é https://json-server-tasktracker.onrender.com (url da api/rest que fiz o deploy no render)
2. A aplicação continua rodando no link 3.2 acima, no Vercel, aqui.
3. A API/Rest Json está rodando no Render, (aqui), cujo código está aqui (com o db.json editado de acordo com o tracker). Esse projeto foi gerado a partir do link que você citou: https://github.com/kitloong/json-server-vercel

Obrigado!!