Estoy creando un sitio web simple y tengo un formulario que captura {nombre, correo electrónico, teléfono y mensaje}. Estoy usando Mongo Atlas para almacenar mis datos. Implementé mi React Frontend usando Netlify y necesito GET y POST data usando Axios. La aplicación funciona localmente con baseURL='http://localhost:3333', pero necesito que funcione con mi interfaz de implementación. ¿Cómo puedo cambiar esta URL a mi implementación de Netlify GET y POST en mongo atlas?

• ARCHIVOS DE BACKEND

índice.js

 const mongoose = require('mongoose'); const bodyParser = require('body-parser'); const routes = require('./routes'); const cors = require('cors'); const app = express(); mongoose.connect(`mongodb+srv://MYUSER:MYPASS@ithaca.23cwa.mongodb.net/myFirstDatabase?retryWrites=true&w=majority`, { useNewUrlParser: true, useUnifiedTopology: true, }); app.use(cors()); app.use(express.json()); app.use(bodyParser.urlencoded({ extended: true})); app.use(bodyParser.json()); app.use(routes); const PORT = process.env.PORT || 3333; app.listen(PORT, () => { console.log(`BACKEND EXECUTANDO NA PORTA: ${PORT}`) });

LeadController.js

 module.exports = { //Listar Leads async index(req, res) { const leads = await Lead.find(); return res.json(leads); }, //Cadastrar Lead async store(req, res) { const { name, email, phone, msg } = req.body; let lead = await Lead.insertMany({ name: name, email: email, phone: phone, msg: msg, date: new Date(), }); return res.json(lead); }, };

rutas.js

 const LeadController = require('./controller/LeadController'); const routes = Router(); routes.get('/leads', LeadController.index); routes.post('/insert', LeadController.store); module.exports = routes;

• ARCHIVOS FRONTEND

api.js

 import axios from 'axios'; const api = axios.create({ baseURL:'https://localhost:3333' }); export default api;

solicitud de función

 async function handleNewLead(e) { e.preventDefault(); await api.post('/insert', { name: name, email: email, phone: phone, msg: msg, }) setName(''); setEmail(''); setPhone(''); setMsg(''); }