把手：拒绝访问以解析属性“from”，因为它不是其父级的“自己的属性”

Question

我使用Nodejs后端与服务端渲染使用句柄。从句柄读取对象的doc数组，其中包含关键的内容和"from"。但是，当我尝试使用#each循环通过对象数组时，会出现错误"句柄：访问已被拒绝解析属性"from"，因为它不是其父级的"own属性"。

我试着安慰你。log（）我在doc数组中获取的数据，一切似乎都很好。

从某种角度来看，这是mongoose查询，
我在res.render参数中添加了object doc作为键。

Confession.find()
  .sort({date: -1})
  .then(function(doc){
    for(var i=0; i < doc.length; i++){
      //Check whether sender is anonymous
      if (doc[i].from === "" || doc[i].from == null){
        doc[i].from = "Anonymous";
      }

      //Add an extra JSON Field for formatted date
      doc[i].formattedDate = formatTime(doc[i].date);
    }
    res.render('index', {title: 'Confession Box', success:req.session.success, errors: req.session.errors, confession: doc});
    req.session.errors = null;
    req.session.success = null;
  });

这是我试图循环通过的. hbs文件的一部分：

 {{#each confession}}
    <div class="uk-card uk-card-default uk-card-body uk-margin uk-align-center uk-width-1-2@m" >
        <div class="uk-text-bold">Message: </div>
        <div>{{this.content}}</div>
        <div>From: {{this.from}}</div>
        <div>Posted: {{this.formattedDate}}</div>
    </div>
    {{/each}}

Answer 1

“哇，这成功了，为什么会这样？我目前正在使用快速把手（3.1.0），我在我的快速应用程序中设置它作为渲染引擎。”-李文刚1月12日14:13

“在过去，Handlebar会允许您从模板中访问输入对象的原型方法和属性...这种行为带来了多个安全问题...在handlebar@^4.6.0中，对对象原型的访问已被完全禁用。现在，如果您使用自定义类作为Handlebar的输入，您的代码将不再工作...这个包会自动为每个模板调用添加运行时选项，禁用安全限制...如果您的用户正在编写模板，并且您在服务器上执行它们，您不应该使用这个包，而是寻找其他方法来解决问题...我建议您在将类实例传递给模板函数之前将它们转换为普通的JavaScript对象。您访问的每个属性或函数必须是其父级的“自己的属性”。"-README

更多详情请点击此处：https://www.npmjs.com/package/@把手/允许原型进入

用法（快速把手和猫鼬）：

不允许您指定要传递给模板函数的运行时选项。这个包可以帮助您禁用模型的原型检查。

"只有在完全控制服务器中执行的模板的情况下才能这样做。"

步骤：

1-安装依赖项

允许原型访问

2-以这个片段为例重写express服务器

const express = require('express');
const mongoose = require('mongoose');
const Handlebars = require('handlebars');
const exphbs = require('express-handlebars');

// Import function exported by newly installed node modules.
const { allowInsecurePrototypeAccess } = require('@handlebars/allow-prototype-access');

const PORT = process.env.PORT || 3000;

const app = express();

const routes = require('./routes');

app.use(express.urlencoded({ extended: true }));
app.use(express.json());
app.use(express.static('public'));

// When connecting Handlebars to the Express app...
app.engine('handlebars', exphbs({
    defaultLayout: 'main',
    // ...implement newly added insecure prototype access
    handlebars: allowInsecurePrototypeAccess(Handlebars)
    })
);
app.set('view engine', 'handlebars');

app.use(routes);

const MONGODB_URI = process.env.MONGODB_URI || >'mongodb://localhost/dbName';

mongoose.connect(MONGODB_URI);

app.listen(PORT, function () {
  console.log('Listening on port: ' + PORT);
});

3-运行服务器，跳你的快乐舞。

在将AJAX调用返回的对象传递到Handlebar模板之前，将它映射到一个新对象中，其中包含您需要在. hbs文件中访问的每个属性或函数。下面您可以看到在将新对象传递到Handlebar模板之前制作的新对象。

const router = require("express").Router();
const db = require("../../models");

router.get("/", function (req, res) {
    db.Article.find({ saved: false })
        .sort({ date: -1 })
        .then(oldArticleObject => {
            const newArticleObject = {
                articles: oldArticleObject.map(data => {
                    return {
                        headline: data.headline,
                        summary: data.summary,
                        url: data.url,
                        date: data.date,
                        saved: data.saved
                    }
                })
            }
            res.render("home", {
                articles: newArticleObject.articles
            })
        })
        .catch(error => res.status(500).send(error));
});

如果我错了，请纠正我，但我认为这可能适用于你的查询...

Confession.find()
    .sort({ date: -1 })
    .then(function (oldDoc) {

        for (var i = 0; i < oldDoc.length; i++) {
            //Check whether sender is anonymous
            if (oldDoc[i].from === "" || oldDoc[i].from == null) {
                oldDoc[i].from = "Anonymous";
            }

            //Add an extra JSON Field for formatted date
            oldDoc[i].formattedDate = formatTime(oldDoc[i].date);
        }

        const newDoc = {
            doc: oldDoc.map(function (data) {
                return {
                    from: data.from,
                    formattedDate: data.formattedDate
                }
            })
        }
        
        res.render('index', { title: 'Confession Box', success: req.session.success, errors: req.session.errors, confession: newDoc.doc });
        req.session.errors = null;
        req.session.success = null;
    });

Answer 2

我通过为车把安装一个dev依赖项来解决这个问题

npm i-Dhandlebars@4.5.0

Answer 3

如果使用猫鼬，这个问题可以通过使用解决。lean（）获取json对象（而不是mongoose对象）：

dbName.find({}).lean()
  // execute query
  .exec(function(error, body) {
     //Some code
  });