Я работаю над реакцией. js приложение, использующее node.js. Я хочу подключиться к моей базе данных MongoDB, размещенной на другом компьютере в той же сети. Я печатаю mongoose.connect("mongodb://192.168.1.21:27017/testDB", {useNewUrlParser: true, useUnifiedTopology: true})
Но когда я запускаю приложение реагирования и открываю его в своем браузере,
https://i.stack.imgur.com/1UhkH.png https://i.stack.imgur.com/8HWV8.png Я получаю эти ошибки.
import React from 'react';
import Announcement from "../templates/Announcement.jsx"
const mongoose = require('mongoose')
mongoose.connect('mongodb://192.168.1.11:27017/realmDB', {useNewUrlParser: true});
const postSchema = new mongoose.Schema({
title: String,
content: String,
author: String,
postedOn: String,
category: String
});
const Post = new mongoose.Model("Post", postSchema);
export default function() {
const posts = Post.find({}, (err, post) => {
return post
})
return <div>
<div className="w3-card-4 w3-border w3-border-black inriasans mx-3" style={{marginTop: "1.5rem"}}>
<header class="w3-container w3-light-gray w3-border-bottom w3-border-gray">
<h3 class="inriasans"><i class="fa fa-bullhorn"></i> Announcements</h3>
</header>
<div class="w3-container pt-3 pb-3">
<p class="w3-large">Get news related to NetherRealm here! You can also watch the <a href="#" className="w3-text-cyan">announcements</a> thread in the forums to get these announcements in your email.</p>
<hr />
{posts.map((post) => {
return <Announcement title={post.title} content={post.content} author={post.author} postedOn={post.postedOn} category={post.category} />
})}
</div>
<footer class="w3-container w3-light-gray w3-border-top w3-border-gray pt-2">
<p>View on the forums</p>
</footer>
</div>
</div>
}
Вот мой код и здесь мой исходный код.