标签: react-fullstack

我尝试将前端安装到/with app.mount，但这会使我的所有/api路由无效。我还尝试了以下代码将文件夹安装到/static各自的路由中并index.html在以下位置提供文件/：

@app.get("/")
def index():
    project_path = Path(__file__).parent.resolve()
    frontend_root = project_path / "client/build"
    return FileResponse(str(frontend_root) + '/index.html', media_type='text/html')

static_root = project_path / "client/build/static"
app.mount("/static", StaticFiles(directory=static_root), name="static")

这大部分有效，但client/build文件夹中包含的文件未安装，因此无法访问。我知道 Node.js 有一种通过相对路径为前端页面提供服务的方法res.sendFile("index.html", { root: </path/to/static/folder });。FastAPI 中是否有等效的函数可以执行此操作？

我已经完成了我的项目。

我的堆栈：

Front-End UI => Reactjs
Back-End => Nodejs/Expressjs + MongoDB

下面是我project structure包含的两个文件夹：

project_Name > client + server

project_Name是主文件夹 client，server是单独的文件夹，两者都在project_Name文件夹内。在里面client和server文件夹中我已经安装了各自的npm modules (reactjs + nodejs)

我的 一直API end point在运行localhost:8000reactjslocalhost:5000

所以现在我想将我的项目添加到github存储库中。我很困惑如何实现这一目标？我是否需要将客户端和服务器端代码分别推送到两个不同的 git 上？

或者

我需要上传project_Name包含两个侧面项目文件的文件夹吗？但既然如此，那我该怎么办呢？因为在推送到 之前git，目录应该包含该package.json文件，并且node_modules该文件仅位于client和server侧文件夹内。

这些是git推送我正在使用的项目的命令：

git init
git add README.md
git commit -m "first commit"
git …

我运行我的 nextjs 项目

npm run dev

不是

npm run build

但它会自动创建 .next 文件夹。后来我尝试删除该文件夹，但它又自动生成了。为什么？？

我不希望通过此命令生成 .next 文件夹：

npm run dev

我使用 React Native 制作了一个 UI，以及一个 Cheerio.js scraper（使用 Cron Job 每天激活一次），我将使用它从网络上获取某些数据，以便它可以在 UI 中呈现。但是，我不知道如何将两者联系起来。

我很确定我可以使用 Express（我对后端最满意）来做到这一点，但是有人可以准确地告诉我需要做什么才能将前端连接到后端吗？

以防万一，我是一名初级开发人员（前端比后端更好），所以请保持你的答案简单。即使您的答案更具概念性，而不是基于代码，我也会非常感激。

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

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

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

我正在尝试http-proxy-middleware将演示 React 应用程序连接到两个不同的服务器：一个外部网站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

import React, { useEffect, …

import React, { useEffect, useState } from 'react'

import jwt from 'jsonwebtoken'

import { useNavigate } from 'react-router-dom'
import Navbar from './Shared/navbar'



export default function Home() {

const navigate = useNavigate();
const [user, setUser ] = useState('')

async function populateUser() {

     const req = await fetch('http://localhost:5000/users', {
        headers: {
            'x-access-token': localStorage.getItem('token'),
        },
    })

    const data = await req.json()
    if (data.status === 'ok') {
        console.log(data)
    } else {
        alert(data.error)
    }
}


useEffect(() => {

    const token = localStorage.getItem('token')
    if (token) { …

我是 python Flask 的新用户，当我在 VS Code 终端上运行 Flask 网站时，我发现它向我显示“GET /favicon.ico HTTP/1.1”404 - 我想知道它是什么意思以及为什么它向我显示 404 错误