【问题标题】:Wrong ejs file is being rendered when I go to a particular route, even if its a non-existent route. NodeJs当我转到特定路线时,即使该路线不存在,也会呈现错误的 ejs 文件。节点
【发布时间】:2020-01-21 20:51:24
【问题描述】:

我在调查结束时使用一个按钮来运行 POST 操作。该路由的 POST 操作现在只重定向到“谢谢”页面。当它路由时,会呈现一个空白调查 EJS 文件,而不是感谢 ejs。即使我将 POST 路由重定向到尚未定义的路由,也会发生这种情况。我可以做“res.redirect('survey/ladkjfdalfkj')”而不是感谢页面,并显示一个空白的调查页面。

我尝试将发布按钮替换为仅指向感谢页面的链接,但仍然呈现错误的文件。我什至创建了一个不存在的路由的链接,即使我应该得到一个错误,因为该路由不存在,它仍然呈现。

这里是 app.js

const express = require('express');
const chalk = require('chalk');
const debug = require('debug')('app');
const morgan = require('morgan');
const path = require('path');
var bodyParser = require('body-parser');


const app = express();
const port = process.env.PORT || 80;

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

app.use(morgan('tiny'));
app.use(express.static(path.join(__dirname, 'public')));
//app.use('/css', express.static(path.join(__dirname, '/node_modules/bootstrap/dist/css')));
//app.use('/js', express.static(path.join(__dirname, '/node_modules/bootstrap/dist/js')));
//app.use('/js', express.static(path.join(__dirname, '/node_modules/jquery/dist')));
app.use('/js', express.static(path.join(__dirname, '/js')));
app.use('/css', express.static(path.join(__dirname, '/css')));
app.set('views', './src/views');
app.set('view engine', 'ejs');

const surveyRouter = require('./src/routes/surveyRoutesTest')();

app.use('/survey', surveyRouter);

app.route('/')
  .get((req, res) => {
    res.send('Access Forbiden')
  });

app.listen(port, () => {
  debug('listening on port ', chalk.green(port));
});

这里是surveyRoutes.js

const express = require('express');
const debug = require('debug');
const surveyRouter = express.Router();
const mysql = require('mysql');
var Q = require('q');
require('dotenv').config();

const connection = mysql.createConnection({
  user: process.env.DB_USER,
  password: process.env.DB_PASSWORD,
  database: process.env.DB_NAME,
  host: process.env.DB_HOST
});


connection.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
});


function router() {

  surveyRouter.get('/:surveyGuid/', function(req, res){
    //store parameters
    var surveyGuid = req.params.surveyGuid;
    var prms = req.query;
    var date = prms.s;
    var dmsId = prms.d;

     Q.ninvoke(connection, "query", 'CALL spGetSurveyQuestions(?);', surveyGuid)
      .then(function(rows){
          // console.log(rows[0]);
          questions = rows[0][0];
      })
      .then(function(rows){
        Q.ninvoke(connection, "query", "CALL spGetSurveyQuestionValuesBySurvey(?)", surveyGuid)
        .then(function(rows){
          questionValues = rows[0][0]
          res.render("surveyQuestionsTest", {questions: questions, questionValues:questionValues, surveyGuid: surveyGuid, prms: prms})
        })
      })
      .catch(function(error){
        console.log(error);
        res.writeHead(500);
        res.end();
      })
      .done();
  });


  surveyRouter.post('/:surveyGuid', function(req, res){
    var surveyGuid = req.params.surveyGuid;
    var prms = req.query;
    var date = prms.s;
    var dmsId = prms.d;
    res.redirect("/survey/myself")
  });

  surveyRouter.get('/thankyou', function(req, res){
    res.send("hello world");
  });

  return surveyRouter;
}

module.exports = router;

我从中删除了一些其他路线,但它们工作正常并且与错误无关。

如您所见,感谢页面应该只显示“Hello world”,但它会在 res.render('surveyQuestionsTest) 处呈现页面

这里是问卷调查QuestionsTest.ejs

  <%include partials/header%>

<div id="masthead" class="container">
      <div class="row py-2 shadow">
        <div class="col-md-12 my-3">
          <h1 class=text-center>Dental Patient Satisfaction Survey</h1>
        </div>
      </div>
</div>

<form action="/survey/<%=surveyGuid%>?d=<%=prms.d%>&s=<%=prms.s%>" method="POST">
  <div class="containter">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="mx-5">
          <div id="mainDiv" class="form-group">

            <%questions.forEach(function(question){%>
              <div class="row justify-content-left my-2 border-bottom">
                <label class="question">
                  <strong><span id="questionNumber"><%=question.QustionSequence%>.</span> <%=question.QuestionText%></strong></br>
                </label>
                <!-- DROP DOWN HANDLING -->
                <%if(question.QuestionType == "DropDown"){%>
                  <select  class="form-control my-2 shadow-sm" name="<%=question.QustionSequence%>">
                    <%questionValues.forEach(function(questionValue){%>
                      <%if(questionValue.QuestionId == question.QuestionId){%>
                          <option required value="<%=questionValue.AnswerValue%>,<%= questionValue.AnswerText%>,<%= question.QuestionGuid%>,<%= question.QuestionType%>">
                            <%=questionValue.AnswerText%>
                          </option>
                      <%}%>
                    <%});%> 
                  </select>   
                <%}%>

                <!-- RADIO BUTTON HANDLING -->
                <%if(question.QuestionType == 'RadioButton'){%>
                  <div class="container">
                    <%questionValues.forEach(function(questionValue){%> 
                      <div class="row justify-content-left">
                        <%if(questionValue.QuestionId == question.QuestionId){%>
                            <label class="px-3" >
                              <input class="mx-2" 
                              type="radio" name="<%=question.QustionSequence%>" 
                              value="<%=questionValue.AnswerValue%>,<%= questionValue.AnswerText %>,<%= question.QuestionGuid%>,<%= question.QuestionType%>" 
                              > 
                              <%= questionValue.AnswerText%>
                            </label>
                          </br>
                        <%}%>
                      </div>
                    <%});%>
                  </div>
                <%}%>

                <!-- TEXT BOX HANDLING -->
                <%if(question.QuestionType == 'Text'){%>
                  <div class="container">
                    <%questionValues.forEach(function(questionValue){%> 
                    <%if(questionValue.QuestionId == question.QuestionId){%>
                      <input type="hidden" name="<%=question.QustionSequence%>" value="True,<%= questionValue.AnswerValue %>,<%= question.QuestionType%>,
                      <%= question.QuestionGuid%>">
                      <div class="row justify-content-center shadow-sm">
                        <textarea name="<%=question.QustionSequence%>Text" class="form-control" rows="3"></textarea>    
                      </div>
                    <%}%>
                  <%});%>
                  </div>
                <%}%>

              </div>
            <%});%>


          </div>
          <div class="row justify-content-center">
            <button id="nextButton" class="btn btn-block btn-primary" type="submit">Submit</button>
            <!-- <a href="/survey/thankyou">Submit</a> -->
          </div>
        </div>
      </div>
    </div>
  </div>
</form>


<%include partials/footer%>

如果我注释掉按钮并使用该提交链接,我仍然会遇到同样的问题。如果该链接指向不存在的路线,它仍会呈现空白的surveyQuestionsTest.ejs 文件,而不是显示错误。

我应该得到一个感谢页面,但我没有。如果我让 /survey/surveyGuid 路线呈现感谢页面,则感谢页面呈现正常。

我认为它在surveyQuestionsTest.ejs 中有所体现,但老实说我不确定。我不知道该怎么做。如果您需要更多信息,请告诉我。

【问题讨论】:

  • 解决这个问题仍然没有运气。不是 post 方法搞砸了,我认为它仍然存在于 ejs 中。

标签: mysql node.js express ejs


【解决方案1】:

非常非常愚蠢... 感谢路线被解释为 /:surveyGuid 路线...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-10-10
    • 2020-06-20
    • 2018-12-04
    • 2018-06-13
    • 2018-05-03
    • 1970-01-01
    • 2022-12-05
    • 1970-01-01
    相关资源
    最近更新 更多