Я создаю полнофункциональное приложение с Express, VueJS и mongoose, и это в основном приложение для подачи новостей. До двух дней у меня была еще одна ошибка, но вы, ребята, помогли мне исправить ее, но теперь у меня есть еще одна ошибка, и в основном она такая же. У меня есть мой бэкэнд, который обрабатывает все HTTP-запросы, и я рендеринг данных (в данном случае сообщений) в веб-интерфейсе. Моя главная страница успешно загружает все сообщения, но у меня есть еще одна страница, которая называется экономией, на которой отображаются только сообщения, относящиеся к категории экономик, но когда я пытаюсь отобразить данные так же, как и для всех сообщений, появляется сообщение «Невозможно прочитать свойство». карта «неопределенного».

Я предоставлю вам код, чтобы вы не запутались

класс app.js:

const express = require("express"); const app = express(); const mongoose = require("mongoose"); const morgan = require("morgan"); const bodyparser = require("body-parser"); const cors = require("cors"); mongoose.connect( `mongodb srv://rronjakupi:`   process.env.MONGO_ATLASS_PW   `@news-feed-jmtwq.mongodb.net/test?retryWrites=true{amp}amp;w=majority`, { useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true } ); app.use(morgan("dev")); const postRoutes = require("./api/routes/post"); const userRoutes = require("./api/routes/user"); const categoryRoutes = require("./api/routes/category"); const teknologjiRoutes = require("./api/routes/postsByCategories/teknologji"); const ekonomiRoutes = require("./api/routes/postsByCategories/ekonomi"); app.use(bodyparser.urlencoded({ extended: false })); app.use(bodyparser.json()); app.use(cors()); app.use("/uploads", express.static("uploads")); app.use("/posts", postRoutes); app.use("/user", userRoutes); app.use("/category", categoryRoutes); app.use("/teknologji", teknologjiRoutes); app.use("/ekonomi", ekonomiRoutes); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header( "Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept" ); next(); }); app.use((req, res, next) ={amp}gt; { const error = new Error("Not found"); error.status = 404; next(error); }); app.use((error, req, res, next) ={amp}gt; { res.status(error.status || 500); res.json({ error: { message: error.message } }); }); module.exports = app; 

ekonomi.js класс:

 const express = require("express"); const router = express.Router(); const Post = require("../../models/post"); router.get("/", (req, res, next) ={amp}gt; { Post.find() .where("category") .equals("5e0295317e7b5c07d8f359a4") .select("_id name content category") .exec() .then(doc ={amp}gt; { console.log(doc); res.status(200).json({ count: doc.length, ekonomiPosts: doc }); }) .catch(err ={amp}gt; { console.log(err); res.status(500).json({ error: err }); }); }); module.exports = router; 

Класс EkonomiService.js, который находится во внешнем интерфейсе и имеет метод getEconomyPosts ():

 const url = "http://localhost:9000/ekonomi/"; class EkonomiService { static getEconomyPosts() { return new Promise(async (resolve, reject) ={amp}gt; { try { const res = await axios.get(url); const data = res.data; resolve( data.posts.map(post ={amp}gt; ({ ...post })) ); } catch (err) { reject(err); } }); } } export default EkonomiService; 

EkonomiComponent.vue класс

  {amp}lt;div class="container"{amp}gt; {amp}lt;h1 class="introTitle"{amp}gt;Ekonomi{amp}lt;/h1{amp}gt; {amp}lt;hr /{amp}gt; {amp}lt;p class="error" v-if="error"{amp}gt;{{ error }}{amp}lt;/p{amp}gt; {amp}lt;div class="posts-container"{amp}gt; {amp}lt;div class="post" v-for="(post, index) in posts" v-bind:item="post" v-bind:index="index" v-bind:key="post._id" {amp}gt; {amp}lt;img :src="post.postImage" class="postImage" /{amp}gt; {amp}lt;p class="category"{amp}gt;{{ post.category.name }}{amp}lt;/p{amp}gt; {amp}lt;p class="title"{amp}gt;{{ post.name }}{amp}lt;/p{amp}gt; {amp}lt;p class="content"{amp}gt;{{ post.content }}{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/template{amp}gt; {amp}lt;script{amp}gt; import EkonomiService from "../services/EkonomiService"; export default { name: "EkonomiComponent", data() { return { posts: [], error: "", text: "" }; }, async created() { try { this.posts = await EkonomiService.getEconomyPosts(); } catch (err) { this.error = err.message; } } }; {amp}lt;/script{amp}gt; {amp}lt;style scoped{amp}gt; .container { max-width: 80%; margin: 0 auto; } .introTitle { margin-top: 5%; } .error { border: 1px solid red; background-color: #ffc5c1; padding: 10px; margin-bottom: 15px; } .post { position: relative; display: inline-flex; margin: 2.5% 2.5% 0 0; border: 1px solid #e6e6e6; background-color: #f7f7f7; width: 15vw; height: 35vh; margin-bottom: 15px; cursor: pointer; } .post:hover { background-color: #f1f1f1; } .postImage { width: 15vw; height: 23vh; } .title { font-size: 1.4rem; position: absolute; bottom: 17%; } .category { position: absolute; font-size: 0.7rem; color: #a0a0a0; font-weight: 500; margin-bottom: 10%; bottom: 0; } .content { position: absolute; font-size: 0.9rem; color: #313131; font-weight: 500; margin-bottom: 0; bottom: 0; } {amp}lt;/style{amp}gt; 

Когда я пытаюсь получить данные с URL-адреса http: // localhost: 9000 / posts /, как я делал на своей главной странице, которая возвращает все сообщения, он не выдает никаких ошибок, поэтому я точно не знаю, где проблема есть.

Данные из бэкэнда

Буду признателен, если вы поможете мне, спасибо.