问题标签 [react-fullstack]

在 model.py 文件的 imageField 中默认使用图像。

这是我的序列化程序类

views.py 是-

在 localhost:8000 收到的 json 数据是 localhost:8000/api/products

在 App.js 的前端（react js）获取数据。这是代码

前端的产品组件是

前端显示的数据不显示任何图像。 本地主机：3000

我在 Google Firebase 上托管了我的一个反应应用程序，默认情况下是 HTTPS，我的一个反应应用程序托管在 AWS amplify 上，默认情况下也是 HTTP，后端托管在 aws-ec2 上，它是 HTTP。

有什么方法可以在不将我的 aws-ec2 升级到 HTTPS 的情况下使用该服务？

我是 SQL 的超级新手，一直在处理这个查询，但似乎无法让它工作。我需要总结类别（每个国家有多少客户以及每个员工有多少客户）。这是我试图在每个国家/地区获得总客户的方法：

这些是我的表：

太感谢了！

我是 Python Flask 的初学者。我有一个反应原生应用程序。在执行主要功能时，我想获得用户输入。我还想status在函数执行过程中动态更新状态钩子的值。

这是我所做的。

客户端设备

服务器（运行 Flask）

运行时stuff.main()，我想获得用户输入并将其用于进一步处理。我怎样才能做到这一点？

至于状态，应用程序首先通过向服务器发出请求来启动主功能。这会触发main()in 服务器的执行。然后，应用程序每 2 秒请求一次刷新状态。这些代码片段确实有效。但我预计会有中等数量的用户，这会减慢速度。速度是这个应用程序的一个非常重要的方面，因为它主要是做什么的。另外，在这种方法中，我无法获得用户输入，这是这个问题的重要部分。

我有一个与其相应文档相对应的 MongoDB _id 列表。有没有办法编写一个 graphQL 查询，它会以与其 mongoDB _id 相同的顺序返回相应的文档列表？

我知道您可以执行 filter{ _ids: $listOfIDs } 来获取有效负载，但有效负载没有与 _ids 列表的顺序相对应的顺序。

这是我使用的代码。按下导航栏菜单时，内容应向右移动，延迟 0.7 秒，与侧边栏打开延迟 0.7 秒相同，但它不起作用。请检查代码并提出一些建议。是因为我正在使用的一些媒体查询还是其他原因。？请检查代码并提出一些建议。

前提

手头的问题是一个多方面的问题。在实际生产环境中遵循什么课程，在安全性与生产成本方面什么被认为是更好的解决方案等。
我目前正在开发一个使用 Redux 存储应用程序状态树的 React Web 应用程序。同时，我正在使用 Spring Boot 创建一个 RESTful API 作为后端服务器，React 应用程序可以依赖它来进行各种操作。我将用户数据（无论是身份验证、元数据和应用程序特定数据）存储在 Firestore 中，只能由 Spring 后端访问（出于安全原因）。当用户正确登录 React 应用程序时，会发送一个 GET 请求以从 Firestore 获取他们的数据。

困境

现在，当用户在登录时更改他们的数据时，我面临以下困境。

• 要么更新本地状态，特别是在 Redux 中，然后发送一个 POST 请求来更新存储在 Firestore 中的数据，
• 或者，直接从一开始就分派 POST 请求，然后分派另一个 GET 请求以获取更新的状态。

优点和缺点

• 第一种方法在用户体验方面似乎更好，因为用户会立即获得他的操作已完成的视觉反馈（比如他想从帖子列表中删除帖子，帖子会立即被删除）。本地存储负责应用程序的呈现，因此无论等待 POST 请求完成，用户都将正确更新。当然，这也不是很好，因为当数据库中的实际数据尚未更新时修改本地存储根本不安全或真正同步。

• 第二种方法，它引入了可能（或可能不会）需要很长时间才能得出结论的可能繁重的操作。但是状态总是正确的，或者至少只要 Firestore 数据库具有未损坏的表示。

因此，综上所述，您对满足用户体验和安全性的正确方法有何看法。（请记住，本地存储永远不会作为与数据库同步的基础。如果本地存储被篡改或损坏，更改将永远不会到达数据库。）

在这段代码中，我同时传递了 imageurl 和 size，它们是 javascript 变量，但我在 css 中使用。css 没有考虑两者。如何解决这个问题？？

我在测试时收到此错误，ReferenceError: type is not defined如何解决？但这里没有名为“type”的变量。

jestExpect(sample.datasource-type).toEqual('metadata');

如何使用 React App 连接到多个 API？

使用 http-proxy-middleware 使用 Express 后端创建-react-app。

演示错误：https ://github.com/svgpubs/nodeproxy.git

我正在http-proxy-middleware尝试将演示 React App 连接到两个不同的服务器：一个外部网站https://api.coingecko.com/api/和一个内部站点http://localhost:3001/

它适用于外部网站。但是，localhost:3001 连接不起作用。

如果我不使用 http-proxy-middleware（通过添加） 'proxy: 'http://localhost:3001'"，我可以连接到 localhost:3001 package.json- 但是，我只能拥有一个代理。

这是正在运行的应用程序：如您所见，没有来自 localhost:3001 的响应

错误：我尝试了很多不同的变化。我要么从浏览器获取一个 cors 块，要么 localhost api 从 public/index.html 返回 index.html 文件 - 导致浏览器中的 json 解析错误。在服务器上，根据 localhost 端点的确切路由，我有时会收到 50 多行此错误： Error occurred while trying to proxy request /localhostapi/users from localhost:3001 to http://localhost:3001/ (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)

如何设置服务器和代理，以便 App.js 可以连接到 localhost:3001 路由和外部 API？

这是我的App.js

这是server.js

如何设置我的服务器和代理，以便我的 App.js 可以同时获取 localhost:3001 路由和外部 API？

运行应用程序的说明：

在一个终端中：创建一个文件夹，克隆 nodeproxy 应用程序，安装依赖项，然后运行服务器

然后，保持第一个终端运行，打开第二个终端窗口：转到同一个文件夹并启动反应应用程序。

我尝试过的事情清单：

1. 使用额外的 package.json 属性“代理：'localhost:3001'

2. src/setupProxy.js

3. 更改 fetch 和 app.use 语法

[![在此处输入图像描述][3]][3]