问题标签 [mern]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
297 浏览

mongodb - 将我的 MERN 应用程序部署到 Heroku?

我创建了一个要上传到 Heroku 的应用程序。

到目前为止,我所做的是更改监听端口代码:

然后改变猫鼬连接的方式:

然后,我创建了 heroku 应用程序并创建了 mLab MongoDB。

然后我尝试使用git push heroku master.

虽然链接刷新了它给了我这个:

我不明白下一步该做什么。另外我不知道如何从 MongodB 播种 localhost 数据库,所以我可以在我的 heroku 应用程序上使用它。

这里有人可以帮助我吗?提前致谢!(在这里对不起新手)

0 投票
1 回答
225 浏览

node.js - MERN 堆栈是如何组合在一起的?

对于 MERN 堆栈,React 拒绝 MVC 范式。我不明白 mongoDB(mongoose) 模型如何与路由一起工作?路由的行为是否与控制器相同?以及它如何与前端联系在一起?在挖掘了许多 GitHub 项目之后,我看到了 src 文件夹、服务器文件夹、模型文件夹和路由,但我仍然对整个 MERN 堆栈如何组合在一起感到困惑。谢谢

0 投票
4 回答
3038 浏览

node.js - 连接前端和后端 MERN 堆栈

react 客户端如何通过 express 连接到服务器?许多教程都在谈论 Superagent 和 axios,这让我更加困惑。在反应的上下文中,服务器端路由是否有任何资源?谢谢你

0 投票
1 回答
81 浏览

node.js - 如何将变量传递到应该是属性的 MongoDB 查询中

下面是使用 mongojs 管理数据库的 MERN 应用程序的快速路由的代码片段。为了正确存储数据,我有一个名为“shows”的集合,它由 3 个子类别(观看、观看和排队)组成,每个子类别都由一组对象组成。

显然 3 个单独的发布路线可以完成同样的任务,但是有没有办法修改这个查询,其中“shows.watched”可以传递一个变量而不是在这个查询中声明为一个属性?

我正在考虑使用局部变量var something来创建请求“shows.queued”。类似于 JSX 通过shows.${id}或绕过查询中的标准属性请求进行连接的能力会起作用,但不确定 MongoDB 中的最佳方法。

这将正确地将集合传递到数据库中

节目 -> 观看 -> [{"showid": "..."}, {"showtitle":"..."}] 等。

如果可能的话,只是寻找一种更简单的扩展方式。

提前非常感谢!

0 投票
0 回答
135 浏览

javascript - MERN App 在开发上运行良好,但在生产上却不行

我的反应应用程序出现此错误,我发现很难调试。我用 mern 堆栈创建了这个应用程序,它在我的本地服务器上完美运行,从我的 mongo db 数据库中获取所有需要的数据并显示,但是当我在 heroku 上发布它时,我收到这个错误“未捕获(承诺)类型错误: this.state.data.map 不是函数”。现在,我记录了 this.state.data 并在 dev 上输出,但在生产中,它不起作用。这是网址https://desolate-brushlands-16337.herokuapp.com

请在下面查看我的反应代码。我将非常感谢任何信息。谢谢

0 投票
1 回答
4899 浏览

json - 带有axios的MERN栈,响应对象返回html而不是json

因此,我正在设置一个为期 5 天的天气预报网络应用程序,用于练习使用 MERN 堆栈与 API 进行交互。我正在使用 Axios.js 发送和响应请求;为了确保我的后端正常工作,我在开始与 API 通信之前先开始构建它。但是,我在前端设置的按钮(它向我的服务器发送一个获取 json 数据的请求)总是返回一个带有 response.data 的响应对象,其值为:

代替

对于看起来像这样的 JavaScript:

我知道在发送和接收这些请求时我可能错过了一个步骤,但是在对此进行研究之后,我仍然不确定为什么我没有收到预期的结果。我的文件是这样设置的:

当前包含代码的文件的内容是:

应用程序.jsx

索引.html

路由.js

index.js

webpack.config.js

在我添加“路由”文件夹并像这样设置我的 index.js 文件之前,同样的问题出现了:

任何帮助将不胜感激!我似乎无法将我的 json 对象作为数据发送到前端,但我不确定我在这个设置中缺少什么。

0 投票
1 回答
243 浏览

reactjs - 反应生产 API 调用输出 HTML 页面,而开发 API 调用输出 JSON

我有一个 Mern 应用程序在开发上运行良好,但在生产上却不行。

在开发应用程序工作正常,但在生产 api 调用失败并出现以下错误:

Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

我使用邮递员进行测试,https://desolate-brushlands-16337.herokuapp.com/api/check它正在输出构建文件夹的索引html页面。我还测试了http://localhost:3000/api/check它正在输出 JSON。

这是我的 server.js 文件中的代码

0 投票
1 回答
290 浏览

reactjs - ReactJS 和 Axios 中的 Mern 数据流问题

我是一名有抱负的 React 开发人员,但我的应用程序遇到了一些问题。

我正在尝试为我的任务抓取纽约时报,我可以通过搜索记录服务器端来获取我的数据,但我似乎无法将其传回。我可以通过将数据推送到 MongoDB 来获取数据,然后在前端的单独进程中查询它,但我不想这样做。

我想将对象从堆栈中传回客户端。有谁知道我如何做到这一点?

这是我的一些代码。

我的目录结构:

图片

这是客户端文件夹结构:

图片

这是我在 /pages 中的 Home.jsx 文件客户端:

这是我在 client/utils/api/ 中调用客户端 api 的代码:

这是我来自后端 routes/index.js 的代码被 axios 击中(我认为?老实说,我不确定如何,但我认为这是流程):

这是上面文件中引用的我的控制器:

最后,这是后端的刮板文件:

所以我现在知道它正在推动 mongo。这只是因为我不知道如何将刚刚存储在变量中的数据传回。

我真的不想将所有结果推送到数据库然后对它们进行查询。我想要一个保存文章的功能,你只保存你真正想要的。

0 投票
1 回答
358 浏览

javascript - 我应该在哪个目录中保存 MERN Stack 的上传文件?

我正在使用 Mern 堆栈,但在保存上传文件的位置时遇到了问题。让我解释。

我有一个表单,它通过包含.jpg图像的表单数据发送。在 Node/express 方面,我收到了它。但现在我被困住了。

我正在使用express-fileupload附加了一个mv功能的包,该功能允许我将文件存储在目录中。

在我的端点中,我有这个片段:

我在哪里创建目录来存储 .jpg 图像?

  • 我是否在客户端的 src 中创建它?还是客户的公众?

  • 或者,我是否运行npm-run-build命令来创建我的build文件夹,然后将我的mv函数指向其中保存文件?

0 投票
2 回答
102 浏览

javascript - 何时使用 React

我一直在学习 MEAN/MERN 堆栈的一部分,并且对使用 MongoDB、Express 和 Node 感到有些自在。我正在进入堆栈的 A/R,并且在理解这些何时适用以及何时不适用时遇到了一些麻烦。

为了尝试把我的想法变成文字,我会问这个:

Angular 和 React 是否适用于几乎所有的 Web 应用程序,或者它们是为某个特定领域而构建的?例如,我的第一个项目之一是为员工创建一个门户,以使用各种工具来帮助他们完成工作,以及从基于 Excel 的表单转换为基于 Web 的表单。

在创建这样的站点时,Mongo/Express/Node 是否足够?

我有点难以解释这一点,因为我一直在努力完成的这个 React 课程让我的大脑感觉像是在过度流动。在过去的几个月里,我学习了 HTML/CSS/JS + Mongo/Express/Node,包括 ES2015-2017,因此在此基础上立即学习 React 感觉有点压倒性。出于某种原因,我的脑袋在“用 React 思考”时遇到了麻烦。不一定要将事物分解为组件,而是将其分解为道具和状态方面。

例如,我了解什么是纯函数,但我没有足够的经验知道如何将非纯函数重构为纯函数并有信心。

我希望这是有道理的......编码非常棒。我不仅玩得开心,而且真的给了我动力去提高自己和我的知识,也给了我一个要达到的目标。

任何关于如何作为新手处理 React 的指导都会非常有帮助。