问题标签 [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 回答
1489 浏览

javascript - 将 axios 请求从 localhost 转换为 heroku

我正在尝试设计一个简单的 MERN 堆栈电子表格应用程序,但我目前一直坚持让我的 GET 和 POST 请求在部署到 Heroku 时正常工作。虽然它在本地没有问题(在本地,后端服务器转到http://localhost:4200),但问题是我不知道一旦部署到 Heroku应该去哪个地址。

我试过让它有一个相对 URL,但是它在 localhost 和 Heroku 上都中断了 - localhost 将默认为http://localhost:3000而不是所需的http://localhost:4200,而在 heroku 上,它去了到http://[spreadsheet-app].herokuapp.com但都产生 404 错误。

我还尝试在 heroku, baseURL 上设置一个配置变量,将其设置为[spreadsheet-app].herokuapp.com URL,但似乎该 URL 已完全跳过,告诉我它仍然以某种方式未定义,所以我没有把握:

a) 我需要为 heroku 设置什么 URL 才能使我的 GET 和 POST 请求正常工作

b) 如果 a) 没有直接的答案,如何进行

以下是我当前为 GET 请求设置的相关代码的方式:

谢谢您的帮助!

0 投票
1 回答
1152 浏览

node.js - 使用 bcrypt 在 nodejs 中进行密码加密

我对 MERN 堆栈开发真的很陌生。我在使用 bcrypt 时遇到了这个问题,我似乎无法让代码工作。这是代码。请帮忙。我正在尝试使用 bcrypt 加密我的密码

包 json 如下

密码仍在未经加密的情况下保存在数据库中。

0 投票
0 回答
230 浏览

reactjs - 如何获取 jsx 文件中的数据?

我在 jsx 文件中获取数据时遇到问题这是我的 jsx 文件代码

这是我的 sever.js 文件代码

我正在使用 MERN 堆栈,请给我任何解决方案

0 投票
0 回答
30 浏览

mongodb - 保护 REACT web 上的媒体文件

我正在使用 MERN 堆栈托管在线流媒体服务,同时将我的媒体文件保存在 S3 存储桶上。我需要我的媒体只能通过我的应用程序访问,并且既不能通过右键单击和使用浏览器菜单进行下载,也不能通过实际访问可以通过查看源等方式获取的媒体链接来下载。我有什么选择?我正在使用这个https://github.com/CookPete/react-player#supported-media作为媒体播放器。

0 投票
1 回答
5968 浏览

javascript - React - 从外部 src 目录导入文件

我正在尝试遵循此中等教程:https ://medium.com/@bryantheastronaut/react-getting-started-the-mern-stack-tutorial-feat-es6-de1a2886be50

其他尝试关注此问题的人评论说他们遇到了与我相同的问题,尽管该问题的解决方案尚未在该教程中发现,并且 SO 上的类似问题与图像文件有关,答案是移动特定的文件到 src 目录。

问题是引用 data.js 文件,该文件位于顶层(与 src 目录相同的级别。

当我尝试将其合并到文件中时,如下所示:

显示以下结果的错误:

这个 SO 帖子有一个类似的问题:create-react-app 导入限制在 src 目录之外,但是解决方案是将图像文件移动到 src 目录。

有没有人知道如何链接到与反应文件中的 src 目录相同级别的文件?我不明白 node_modules 目录中的符号链接是什么意思,也找不到有关如何制作符号链接的教程。

0 投票
1 回答
466 浏览

reactjs - post方法调用后渲染组件

我正在创建一个 mern 应用程序,我可以在其中显示、创建、编辑和删除快速 API 中的项目。

到目前为止,我可以获得要显示的数据,但是当我尝试创建一个新项目时,数据不会显示并且不会呈现。post 方法发送 OK 200 响应并在 redux-logger 中显示数据,但在组件中显示数据,直到我引用页面然后新项目与其他以前的项目一起显示,我想知道如何在项目组件

项目 //我在哪里渲染项目

用于创建的 Project Reducer

项目行动

0 投票
1 回答
440 浏览

reactjs - 无法为 put 方法编辑 reducer 中的数据

我正在创建一个 mern 应用程序,并且正在尝试编辑所选项目的数据。当我点击编辑时,数据在mongodb和express server logger中被编辑,但不是在redux logger响应中,我得到编辑前的状态响应。我不确定到底是什么问题..

数据示例

当我编辑title为 的值时title edited,它在 mongoDb 中被编辑,但不是在 redux 记录器操作响应中。它状态title:'title'。刷新页面后,我只能获取已编辑项目的值。

减速器

更新操作

发送编辑动作

更新快速中间件

0 投票
0 回答
1050 浏览

javascript - 设置 MERN 泊坞窗应用

我正在尝试在 docker 上运行 React Mongo Express 应用程序。docker-compose build似乎一切正常。运行后,docker-compose up我得到以下日志:

我的文件结构如下所示: Root

节点后端

反应前端

// root/react-frontend/package.json

当我访问 localhost:6200 时,我看到后端正在运行。但是当我访问 localhost:3000 时,屏幕显示“无法访问此站点”。控制台中没有日志。当我查看网页的源代码时,我看到了已更新的旧版本的 html 文件。我尝试在前端目录中删除 bundle.js 并使用 npm i 重新安装模块。

我应该如何更改我的 docker 和 webpack 配置?

0 投票
1 回答
470 浏览

node.js - React 的私有 API (MERN)

我一直在使用 MERN Stack 来构建我的 Web 应用程序,而我发现连接到 Mongo 的唯一方法是使用 API。我想确保我的用户信息保持私密。那我该怎么做呢?可能吗?如果没有,我应该如何将 React 连接到我的数据库?

感谢您的阅读,对于任何不清楚的信息,我深表歉意。我是新手,不知道如何表达我的问题。

0 投票
2 回答
4089 浏览

javascript - React Router 4 和 props.history.push

在 React 中有一些东西让我发疯,我需要你的帮助。基本上,当用户单击“我的个人资料”时,我想重定向到用户的个人资料。为此,我使用以下代码段

这应该有效。但是,尽管单击“我的个人资料”时 URL 会更改为正确的 URL,但该页面并未出现。它只是保留为旧页面。

谷歌搜索了一段时间后,我知道这与redux有关......但是,我找不到解决方案。(this.props.userId 来自 Layout 组件,而后者又从 redux 商店获取)

这是我的代码:

你可以在这里找到整个应用程序:https ://github.com/Aseelaldallal/boomtown/tree/boomtown-backend-comm

我要疯了,试图解决这个问题。帮助。