MERN deployment issue heroku - node.js

Question

I just started with backend and I am tying to deploy backend of my crud app but I am getting stuck for routes. After deploying on heroku I just get the part of app.get('/'). I can't find any router.get('/getData'.. or router.post('/updateData'..
here is the deployed heroku link:
for app.get('/'): https://vast-beyond-50574.herokuapp.com/
for router.get('/getData): https://vast-beyond-50574.herokuapp.com/getData
for router.post('/updateData'): https://vast-beyond-50574.herokuapp.com/updateData
Here is the code for backend server.js
const express = require('express');
var cors = require('cors');
const bodyParser = require('body-parser');
const logger = require('morgan');
const Data = require('./data');
const API_PORT = 3001;
const app = express();
app.use(cors());
const router = express.Router();
mongoose.connect(process.env.MONGODB_URI || 'mongodb://localhost/backend');
let db = mongoose.connection;
db.once('open', () => console.log('connected to the database'));
db.on('error', console.error.bind(console, 'MongoDB connection error:'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(logger('dev'));
router.get('/getData', (req, res) => {
Data.find((err, data) => {
if (err) return res.json({ success: false, error: err });
return res.json({ success: true, data: data });
});
});
router.post('/updateData', (req, res) => {
const { id, update } = req.body;
Data.findByIdAndUpdate(id, update, (err) => {
if (err) return res.json({ success: false, error: err });
return res.json({ success: true });
});
});
router.delete('/deleteData', (req, res) => {
const { id } = req.body;
Data.findByIdAndRemove(id, (err) => {
if (err) return res.send(err);
return res.json({ success: true });
});
});
router.post('/putData', (req, res) => {
let data = new Data();
const { id, message } = req.body;
if ((!id && id !== 0) || !message) {
return res.json({
success: false,
error: 'INVALID INPUTS',
});
}
data.message = message;
data.id = id;
data.save((err) => {
if (err) return res.json({ success: false, error: err });
return res.json({ success: true });
});
});
app.get('/', (req, res) => {
res.send('Deployed!');
});
app.use('/api', router);
const PORT = process.env.PORT || 3000
app.listen(PORT, () => console.log(`LISTENING ON PORT ${PORT}`));```

Answer 1

You're using your router inside the /api route (app.use('/api', router);) which means all of those routes will be prefixed with /api. So, you should be able to visit https://vast-beyond-50574.herokuapp.com/api/getData and see your data. (However, I tried this and got a different error, which you will have to debug separately).