找不到params 404的路线

Question

I would need some help as i am quit lost after this stage, i am trying to route with params but after that i am lost how to load page to this url localhost:3000/dist/16783 after when page route it says 404 not found. I would need some help how can i navigate to new page after this with id "16783" with values inside the table ex: tracking no "16783" or load view on the same page.

router.get('/dist/:awb', function (req, res, next) {
    res.render('dist', {
        AWB_NO: req.params.awb
    })
});

It is not rendering the page "dist", this question can related to this Routing with parameters in jade from one page to another

EDIT: Structure:

views:
   index.ejs
   track.ejs
   dist.ejs
routes:
   index.js
   track.js
   dist.js
app.js
package.json

app.js:

var indexRouter = require('./routes/index');
var trackRouter = require('./routes/track');
var distRouter = require('./routes/dist');

app.use('/', indexRouter);
app.use('/track', trackRouter);
app.use('/dist',distRouter);

track.ejs

table column AWB NO link to dist page

 a.name(href="/dist/" + AWB_NO) #{AWB_NO}
            div
              td.min(data-label="Name") #{Product_Name}
              td.min(data-label="file") #{PCS}
              td.min(data-label="s_name") #{Weight}
              td.min(data-label="r_name") #{Gross_Weight}
              td.min(data-label="Date") #{DOP}
              td.min(data-label="Date") #{DOE}

So here is the actual problem, as when i have value inside this column "AWBNO" which link to "dist" page. Now when i click its passing params to url dist/16783, but nothing is loading

routes:

track.js

router.get('/', function(req, res, next) {
res.send('respond with a resource');

dist.js

var express = require('express');
var router = express.Router();
router.get('/', function (req, res, next) {
    res.render('dist.ejs');
});

router.get('/:awb', function (req, res, next) {
    res.render('dist.ejs', {
        AWB_NO: req.params.awb
    })
});

New Update:

index.ejs

  <tr>
        <td class="id"><a href="/dist">1687952</a></td>
        <td>Tuna Fish</td>
        <td>DHL</td>
        <td>Germany</td>
      </tr>

index.js

router.get('/', function (req, res, next) {

    connection.query('SELECT * FROM orders', function (err, rows) {

        if (err) {
            req.flash('error', err);
            res.render('index', { page_title: "index - Node.js", data: '' });
        } else {

            res.render('index', { page_title: "index - Node.js", data: rows });

        }


    });
});

dist.ejs

<li class="list-inline-item">AWB Nummber:<%= AWB_NO %></li> &nbsp;

dist.js

router.get('/', function (req, res, next) {

    connection.query('SELECT * FROM deliveries', function (err, rows) {

        if (err) {
            req.flash('error', err);
            res.render('dist', { page_title: "dist - Node.js", data: '' });
        } else {

            res.render('dist', { page_title: "dist - Node.js", data: rows });

        }


    });
    router.get('/dist/:awb', function (req, res) {
        res.render('dist', {
            AWB_NO: req.params.awb
        })
    });
});

Error:

ReferenceError: E:\Dev\admeghbalim\YinSeafood\YinSeafood\expressfirst\views\dist.ejs:20
    18|             <h3>Distributor information</h3><br>&nbsp;
    19|             <ul class="list-inline">
 >> 20|                 <li class="list-inline-item">AWB Nummber:<%= AWB_NO %></li> &nbsp;
    21|                 <li class="list-inline-item">Country:</li>&nbsp;
    22|                 <li class="list-inline-item">Date:</li>&nbsp;
    23|                 <li class="list-inline-item">Sender:</li>&nbsp;

AWB_NO is not defined

Answer 1

I think the route here might be relative to the route you may have set in the express base configuration.

If you have have something like this in your app.js

var express = require("express");

var app = express();
app.use('/dist', require("./routes/dist"));
//Set the view engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

And your dist.js has a route

router.get('/dist/:awb', function (req, res, next) {
    res.render('dist', {
        AWB_NO: req.params.awb
    })
});

Your route will effectively be

localhost:3000/dist/dist/16783

as the path is relative to your root path in app.use . In this case your path should be

router.get('/', function (req, res, next) {
    res.render('dist');
});

router.get('/:awb', function (req, res, next) {
    res.render('dist', {
        AWB_NO: req.params.awb
    })
});