簡體   English   中英

無法處理發帖請求

[英]Can't handle post request

我正在嘗試使用res.redirect() function 進行重定向。當我提交表單時,它應該將數據插入數據庫並將我重定向到根目錄。 但是后者給了我這個錯誤:

Cannot POST /

這是我的整個 js 文件

const express =require("express");
const mongoose =require("mongoose");
const app=express();
const path=require("path")
const bodyparser= require("body-parser");
const Blog = require("./model/schema");
const { findById } = require("./model/schema");


app.use(express.static("public"));
app.set("views",path.join(__dirname+"/views"));
app.set("view engine","ejs");
app.use(bodyparser.urlencoded({extended:true}));


mongoose.connect("mongodb://127.0.0.1:27017/blogdb", {useNewUrlParser: true, useUnifiedTopology: true })
.then(()=>
{
    console.log("Connection successful!");
})
.catch(err=>
    {
        console.log("Error: connection failed")
    })

    app.get("/",async(req,res)=>
    {
      const blogs=await Blog.find({});
      //console.log(blogs);
      res.render("blogdata/show",{blogs});

    })
    
    app.get("/create",async(req,res)=>
    {
        // const id=req.params["id"];
        // const eblog= await Blog.findById(id);
        res.render("blogdata/form");
    })

    app.post("/create",async(req,res)=>
    {
      await Blog.insertMany([
        {name:req.body.author,blog:req.body.blogcontent}
      ])
      res.redirect("back");
        
    })

    app.listen(3000,()=>
{
    console.log("Server is up and running");
})

這是我所有的文件在這里輸入圖像描述HTML 表格

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="css/formstyle.css">
    <meta charset="utf-8" />
    <title>create blog</title>
  </head>
  <body>
    <div><h1><b>Create your own blog!</b></h1></div>
    <div class="form">
    <form action="/create" method="post">
     <div class="name-in">   
       <label for="name">Author</label>
       <br>
   <input type="text" id="name" name="author" class="name" value="">
  </div >
    <div class="text-in">
   <label for="para">Enter your blog</label>
   <br>
   <textarea name="blogcontent" id="para" cols="30" rows="10"></textarea>
  </div>
  <button type="submit" class="form" id="btn">Submit</button>
   <!-- <label for="text">Edit your blog</label>
   <input name="text" id="text"
   type="text"
   class="blog"
 value= "" > -->
  </form>
</div>
  </body>
</html>

請說明為什么會這樣,有沒有更好的方法來做到這一點?

好吧,您有一個用於POST方法的端點/create ,但是錯誤提示您正在嘗試將表單發送到/ on POST
確保在您的表單中添加正確的url (意思是添加/create

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM