问题标签 [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.
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 请求设置的相关代码的方式:
谢谢您的帮助!
node.js - 使用 bcrypt 在 nodejs 中进行密码加密
我对 MERN 堆栈开发真的很陌生。我在使用 bcrypt 时遇到了这个问题,我似乎无法让代码工作。这是代码。请帮忙。我正在尝试使用 bcrypt 加密我的密码
包 json 如下
密码仍在未经加密的情况下保存在数据库中。
reactjs - 如何获取 jsx 文件中的数据?
我在 jsx 文件中获取数据时遇到问题这是我的 jsx 文件代码
这是我的 sever.js 文件代码
我正在使用 MERN 堆栈,请给我任何解决方案
mongodb - 保护 REACT web 上的媒体文件
我正在使用 MERN 堆栈托管在线流媒体服务,同时将我的媒体文件保存在 S3 存储桶上。我需要我的媒体只能通过我的应用程序访问,并且既不能通过右键单击和使用浏览器菜单进行下载,也不能通过实际访问可以通过查看源等方式获取的媒体链接来下载。我有什么选择?我正在使用这个https://github.com/CookPete/react-player#supported-media作为媒体播放器。
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 目录中的符号链接是什么意思,也找不到有关如何制作符号链接的教程。
reactjs - post方法调用后渲染组件
我正在创建一个 mern 应用程序,我可以在其中显示、创建、编辑和删除快速 API 中的项目。
到目前为止,我可以获得要显示的数据,但是当我尝试创建一个新项目时,数据不会显示并且不会呈现。post 方法发送 OK 200 响应并在 redux-logger 中显示数据,但在组件中显示数据,直到我引用页面然后新项目与其他以前的项目一起显示,我想知道如何在项目组件
项目 //我在哪里渲染项目
用于创建的 Project Reducer
项目行动
reactjs - 无法为 put 方法编辑 reducer 中的数据
我正在创建一个 mern 应用程序,并且正在尝试编辑所选项目的数据。当我点击编辑时,数据在mongodb和express server logger中被编辑,但不是在redux logger响应中,我得到编辑前的状态响应。我不确定到底是什么问题..
数据示例
当我编辑title
为 的值时title edited
,它在 mongoDb 中被编辑,但不是在 redux 记录器操作响应中。它状态title:'title'
。刷新页面后,我只能获取已编辑项目的值。
减速器
更新操作
发送编辑动作
更新快速中间件
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 配置?
node.js - React 的私有 API (MERN)
我一直在使用 MERN Stack 来构建我的 Web 应用程序,而我发现连接到 Mongo 的唯一方法是使用 API。我想确保我的用户信息保持私密。那我该怎么做呢?可能吗?如果没有,我应该如何将 React 连接到我的数据库?
感谢您的阅读,对于任何不清楚的信息,我深表歉意。我是新手,不知道如何表达我的问题。
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
我要疯了,试图解决这个问题。帮助。