mern相关内容

将作品放在邮递员中,而不是AXIOS中

这是我MERN应用程序中最奇怪的事情。当我从Postman向我的API进行PUT时,它可以工作,并更新我的API和MongoDB。在前端,它不会更新API,即使控制台日志显示的值是正确的,URL是相同的?如有任何帮助或指示,我们将不胜感激。已经玩了好几天了。 邮递员证明更新工作 我的axios代码如下: handlePlayerSubmit(id, player) { c ..
发布时间:2022-06-22 20:28:26 前端开发

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

所以我正在设置一个为期 5 天的天气预报 Web 应用程序,用于练习使用 MERN 堆栈与 API 交互.我正在使用 Axios.js 发送和响应请求;为了确保我的后端工作,我在开始与 API 通信之前首先开始构建它.但是,我在前端设置的按钮(它向我的服务器发送一个获取 json 数据的请求)总是返回一个响应对象,其中 response.data 的值为: 响应: ..
发布时间:2022-01-01 10:20:06 其他开发

类型错误:this.state.patients.map 不是函数

我是 React js 的新手,我正在学习创建一个 React 应用程序,但我遇到了映射函数的问题: 这是我的请求以及我尝试呈现数据的方式: class 患者扩展组件 {构造函数(道具){超级(道具)this.state = {耐心: []}}componentDidMount() {api.getPatients().then( 患者 => {控制台日志(患者)this.setSta ..
发布时间:2022-01-01 10:00:48 其他开发

反应路由器 4 和 props.history.push

React 中有一些让我发疯的东西,我需要你的帮助.基本上,当用户单击“我的个人资料"时,我想重定向到用户的个人资料.为此,我使用以下代码段 viewProfile = () =>{console.log('我的用户 ID:', this.props.userId);this.props.history.push(`/profile/${this.props.userId}`);} 这应该有效 ..
发布时间:2021-12-29 11:35:03 前端开发

无法准备我的 MERN 应用程序以进行部署

我之前从未将 MERN 应用部署到生产环境中.这将是我的第一次尝试,我计划将该应用程序部署到数字海洋. 因此,我已按照 Udemy 课程中的说明准备好要部署的 MERN 应用程序.我的应用程序结构如下:以下是我对应用程序所做的主要更改: 因为在生产中不会有 create-react-app 创建的服务器,所以我在 server/index.js 中编写了生产路由逻辑,基本上说对于任何不 ..
发布时间:2021-12-26 23:39:35 其他开发

无法使用我的 Digital Ocean droplet 的 IP 地址访问我的网站

我正在将我的 MERN 应用程序部署到 Digital Ocean Droplet(Ubuntu 20.04 服务器). 我已经克隆了我的 GitHub 存储库,安装了依赖项和 pm2. 我使用命令 pm2 start server/index.js 启动服务器.然后,当我访问 URL http://134.122.112.22:5000 时,出现以下错误:为什么我无法访问我的网站? ..
发布时间:2021-12-26 23:08:32 其他开发

在 MERN 中,我如何管理 JWT cookie 客户端?

谁能向我解释如何在 MERN 堆栈中使用 cookie?我正在尝试为社交媒体制作一个模拟.我了解第一步,但后来 - 我不知道如何继续. 我创建了用于登录、注册、注销的端点. 我创建了 React 应用程序并制作了注册表单、登录表单.然后 - 我将 axios 请求发送到我的快速端点. 快速 - 我正在保存到 MongoDB 用户或从数据库检查登录名 + 密码. 我正在创建一个带有 id ..
发布时间:2021-07-03 20:38:12 其他开发

在 MERN 堆栈 Web 应用程序中存储图像的最佳方式

我正在使用 MERN 堆栈(MongoDB、Express Server、ReactJS 前端和 NodeJS 后端)构建一个 Web 应用程序,并且想知道一些从后端存储图像的好方法. 过去,我直接从前端使用 Firebase 进行身份验证和存储.当我在 MongoDB 中处理我自己的用户身份验证模型时,是否仍然可以使用 firebase 存储,如果可以,它将来自前端还是后端.如果来自前端, ..
发布时间:2021-07-03 20:20:20 其他开发

REACT JS:TypeError:无法读取未定义的属性“参数"

我的 React 前端似乎有问题我正在处理我的 Reset.js 页面,并且不断收到错误消息 TypeError: 无法读取未定义的属性 'params' 一旦我转到 Reset.js 页面 就会发生这种情况,这是如何工作的,当用户忘记他们的密码时,他们会按顺序收到一封电子邮件使用 jwt 重置他们的密码,当点击电子邮件中的链接时,它会将您路由到 Reset.js 页面,您将在此处填写 ..
发布时间:2021-07-03 19:34:59 前端开发

React App 安装后编译失败

运行安装脚本后,服务器启动并提供一个页面,在“编译失败"行后显示相同的文本. 我正在运行 Windows 10 并且自动更新今天刚刚更新了我的电脑,就在我进行 create-react-express 安装之前. PS H:\mern-passport>启动>mern@1.0.0 开始 H:\mern-passport>if-env NODE_ENV=production &&npm ru ..
发布时间:2021-06-02 20:26:15 其他开发

单击按钮后如何将来自mongodb的数据显示到reactjs?

我正在使用 express.js、mongodb、react.js 和 node.js 制作 React 项目.并尝试从在端口 5000 上运行的后端 api 获取数据. 当我使用 postman 检查 api 时,它正在工作.数据显示在浏览器的控制台中.此外,当我按下下面代码中给出的 Get 按钮时,它在浏览器上不起作用.但是我可以在浏览器的控制台中看到数组数据. {employee ..
发布时间:2021-06-02 20:26:12 前端开发

MERN Stack - 在同一个端口上表达和反应?

我正在处理一个使用 MERN(MongoDB、Express、React、Node)堆栈的项目,在将数据从 React 组件内的表单发布到 Node.js 中定义的 API 端点时遇到问题.当我提交表单时,浏览器只显示无法发布错误.我非常有信心,如果我在 React 中为表单提交创建一个事件处理程序并使用 Axios 等库处理 POST,我可以解决这个问题. 但最终我认为这个问题是因为 No ..
发布时间:2021-06-02 20:26:02 其他开发

如何转换 html 模板以做出反应?

我从 themeforest 购买了一个 HTML 管理模板 (https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?s_rank=1). 我正在构建一个 MERN 堆栈站点,想知道将这个 HTML 模板转换为 React 站点的最佳方法是什么.将模板分解为组件、手动添加路由以及将 HTM ..
发布时间:2021-06-02 20:25:58 其他开发

React JS 拒绝加载图像,因为它违反了以下内容安全策略指令

当我尝试重新加载我的 React 应用程序网页时遇到了这个问题.注意:在开发阶段,这种事情没有问题,但是当我将它部署到生产中时,我遇到了这个问题.谢谢你. 拒绝加载图像“http://104.248.153.121:8080/favicon.ico",因为它违反了以下内容安全策略指令:“default-src 'none'".请注意,'img-src' 未明确设置,因此使用 'default-s ..
发布时间:2021-06-02 20:25:55 其他开发