路由在node.js中不起作用

Question

campground data im working on this web app from a course where im using mongodb ,the database is created (named as "campit") and collection is named as campground(but mongo has named it campgrounds as usual) .the collection consist of name and image. a route (namely "/create") is not working , by going to url "localhost:3000/create.ejs" its showing Cannot GET /index.ejs here is my code,this is app.js file

var express=require("express");
var app=express();
var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended:true}));
var mongoose = require('mongoose');
mongoose.connect("mongodb://localhost/campit");
var campgroundSchema=new mongoose.Schema({
name:String,
image:String
});
app.get("/create",function(req,res){
campground.find({},function(err,campground){
  if(err){
    console.log(err)
  }
  else{
    console.log("successfully shown");
    res.render("index.ejs",{campgrounds:campground})
  }
});
app.listen("3000",function(){
  console.log("listening from server 3000");
});

this is index.ejs file,which is supposed to show

    <div class="container">
  <div class="row no-gutters">
    <% campgrounds.forEach(function(camp){ %>
      <div class="col col-lg-4 img-thumbnail">
        <img class="but" height="75%" width="100%" src="<%=camp.image%>" alt="image">
        <div class="text-center">
          <h6><%= camp.name %> </h6>
          <button class="btn btn-outline-info " type="button" name="more info"> more info</button>
        </div>
      </div>
    <% }); %>
  </div>
</div>

EDIT

when im going to /create route it shows that campgrounds.forEach is not a function error......whole code is same, something is wrong with rendering variable..... and im sure that campgrounds contain data. EDIT CLOSE

any kind of help will be highly appriciated. thank you.....

Answer 1

You are hitting wrong url. As you can see in you code.

app.get("/create", function(req,res){
    campground.find({},function(err,campground){
        if(err){
            console.log(err)
        }
        else{
            console.log("successfully shown");
            res.render("index.ejs",{campgrounds:campground})
        }
    }
});

Route you should be using is /create and not /create.ejs . index.ejs is the template rendered when you visit /create route

Answer 2

Use this url localhost:3000/create instead of localhost:3000/create.ejs :)

In your Javascript file, you wrote app.get('/create') . create.ejs its just the name of your template. The path of your route and the name of your template doesn't need to be the same.

Answer 3

Try using:

var router = express.Router();
router.route('/create')
    .get(function(req,res){
 campground.find({},function(err,campground){
   if(err){
   console.log(err)
 }
else{
console.log("successfully shown");
res.render("index.ejs",{campgrounds:campground})
 }
});
  app.use('', router);

Answer 4

You forget to set view engine, use code below after app.use(bodyParser.urlencoded({extended:true}));

USE IT

app.set("view engine", "ejs");