无法发布/Nodejs

Question

Please help me solve the error I've been trying hard to solve it for a long time.Because of this I'm not able to add data to my database as well. Any help would be highly appreciated.

This is my index.js code

const express = require('express');
const app = express();
const routes = require('./routes');
const path = require('path');

const fileUpload = require('express-fileupload');
const bodyParser = require('body-parser');

const session = require('express-session');
const auth = require('./routes/auth');
const {
  con,
  sessionStore
} = require('./config/db');
const fs = require('fs');

require('dotenv').config({
  path: path.join(__dirname, '.env')
});
const port = process.env.PORT || 3000;


// parse application/json
app.use(bodyParser.json())
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({
  extended: false
}));


//static files 
app.use(express.static('public'))
app.use('/css' , express.static(__dirname + 'public/css'))
app.use('/imgs' , express.static(__dirname + 'public/imgs'))

var sess = {
    secret: 'keyboard cat',
    store: sessionStore,
    cookie: {
      httpOnly: false,
    },
    resave: false,
    saveUninitialized: false
  }
  
  app.use(session(sess));
  app.use(fileUpload());
//set views
app.set('view engine' , 'ejs');
app.set('views', path.join(__dirname, 'views'));


app.use(require('connect-flash')());
app.use((req, res, next) => {
  res.locals.messages = require('express-messages')(req, res);
  next();
});
app.get('/', (req,res) =>{
    res.render('index22')
})
app.get('/login', (req, res) => {
    res.render('login');
   });

   let s;

const loginRequired = (req, res, next) => {
    if (req.session.username) {
    s = req.session;
    next();
    } else {
    res.redirect('/auth/login');
    }
}

 
app.get('/new', loginRequired, routes.new);//call for main index page
app.post('/new', loginRequired, routes.new);//call for signup post 
app.get('/show/:username', loginRequired, routes.show);
app.use('/auth', auth);
app.listen(port, () => console.log(`listening on http://${process.env.HOST}:${port}`));

here's my routes.js code

const {
   con,
   sessionStore
 } = require('./config/db');
exports.new = function(req, res){
    message = '';
   if(req.method == "POST"){
      const post  = req.body;
      const username= post.username;
      const title= post.title;
      const state= post.state;
      const category= post.category;
      const description= post.description;
 
      if (!req.files)
                return res.status(400).send('No files were uploaded.');
 
        const file = req.files.uploads;
        const img_name=file.name;
 
         if(file.mimetype == "images/jpeg" ||file.mimetype == "images/png"||file.mimetype == "images/gif" ){
                                 
              file.mv('public/imgs/uploads/'+file.name, function(err) {
                             
                  if (err)
 
                    return res.status(500).send(err);
                        const sql = "INSERT INTO `nt_data`(`username`,`title`,`state`,`category`, `images` ,`description`) VALUES ('" + username + "','" + title + "','" + state + "','" + category + "','" + img_name + "','" + description + "')";
 
                            const query = con.query(sql, function(err, result) {
                                 res.redirect('show/'+result.insertUsername);
                            });
                       });
          } else {
            message = "This format is not allowed , please upload file with '.png','.gif','.jpg'";
            res.render('new.ejs',{message: message});
          }
   } else {
      res.render('new');
   }
 
};

exports.show = function(req, res){
    let message = '';
    const username = req.params.username;
    const sql="SELECT * FROM `nt_data` WHERE `username`='"+username+"'"; 
    con.query(sql, function(err, result){
      if(result.length <= 0)
      message = "show not found!";
      
      res.render('show.ejs',{data:result, message: message});
   });
};

And here's an part of my new.ejs code

<body>
      <h1 class="mt-5" id="h1">New Post</h1>
      <hr class="w-50">
    
      <div class="container mt-3">
      <form action="/" method="POST" class="was-validated" enctype="multipart/form-data">
        <% if (message.length > 0) { %>
          <div class="alert alert-success col-sm-12"><%= message %></div>
      <% } %>
        <div class="row">
        <div class="col-6">
        <select name="state" class="custom-select mb-3">
          <option>Select Sate</option>
          <option value="Sikkim">Sikkim</option>
          <option value="Manipur">Manipur</option>
          <option value="Mizoram">Mizoram</option>
        </select>
        </div>

please help me solve this error it's very important. Thank you

Answer 1

Your index.js file doesn't contain a POST Method for the route "/" . You can use the below example to add one:

app.post('/',function(req,res){
  //Your function code
});