如何修复 503（服务不可用）？

Question

I deployed my reactApp with heroku successfully but my POST request can't be handled and instead am getting an error messages in the console when i try to submit the contact form?

I have attached a screenshot for the errors logged in the console

** package.json **in the client's folder

{ "proxy": " https://localhost : 5000", }

** screenshot enter image description here ** // index.js

const express = require('express');
const bodyParser = require('body-parser');
const nodemailer = require('nodemailer');
const path = require('path');
const app = express();
// remove dotenv on deploy
//require('dotenv').config();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false}));

// Serve the static files from the React app
app.use(express.static(path.join(__dirname, 'client/build')));

// Handles any requests that don't match the ones above
app.get('*', (req, res) =>{
    res.sendFile(path.join(__dirname+'/client/build/index.html'));
});

app.post('/api/form', (req, res) => {
    // console.log(req.body)
    // console.log(process.env)

    nodemailer.createTestAccount((err, account) => {
        const htmlEmail = `
            <h4>Register as a software Engineer</h4>
            <ul>
                <li>First Name: ${req.body.name}</li>
                <li>Last Name: ${req.body.nam}</li>
                <li>Email: ${req.body.email}</li>
                <li>Years of Coding Experience: ${experience}</li>
            </ul>
        `
        // let testAccount = await nodemailer.createTestAccount();


        let transporter = nodemailer.createTransport({
           service: 'gmail',
            auth: {
              user: process.env.REACT_APP_FOO1,
              pass: process.env.REACT_APP_FOO3
            }
        });


        let mailOptions = {
            from: req.body.email,
            to: process.env.REACT_APP_FOO1,
            subject: req.body.name,
            text: req.body.email,
            html: htmlEmail
        }

        transporter.sendMail(mailOptions, (err, info) => {
            if (err) {
                return console.log('Message not sent !')
            }
            return console.log('Message sent successfully!' + info.body.email)
        })
    })
}) 

const PORT = process.env.PORT || 5000

app.listen(PORT, () => {
    console.log(`Server listening to port ${PORT}`)
})

Answer 1

This error is related to your server-side code.somthing is going wrong in your server.js.please add some code. so, we get more idea what you are doing wrong in server.js.

Problem: There's a request timeout (app takes more than 30 seconds to respond): code=H12 desc='Request timeout' status=503 bytes=0

Solution: Code that requires more than 30 seconds must run asynchronously (eg, as a background job) in Heroku. For more info read Request Timeout in the Heroku DevCenter.

 if(process.env.NODE_ENV === 'production'){ const path = require('path'); app.get('/*',(req,res)=>{ res.sendfile(path.resolve(__dirname,'client','build','index.html')) }) }

Use this insted of

 // Handles any requests that don't match the ones above app.get('*', (req, res) =>{ res.sendFile(path.join(__dirname+'/client/build/index.html')); });