我有一个 ReactJS 项目,其中 Node/Express 为我的服务器提供服务。在我的前端(React)上,它服务于端口 3312,在我的服务器上,它服务于端口(5000)。当我通过端口 3312 加载前端时,一切看起来都很棒,并且我的 React 路由器路由工作正常。(我的 api 工作一切都很棒)。但是,当我尝试提供静态文件并查看是否通过我的服务器(端口 5000)获得相同的结果时,我只看到页面上的样式。(我有背景颜色)我没有看到静态文件应该提供的任何 html?
当我查看 localhost:5000 时,控制台中没有出现任何错误。但是,我的 css 样式正确显示在页面上(因为我的身体设置了背景颜色)。但是,我看不到任何前端 React 显示 html 代码。我进入我的 index.html 文件并在根 div 中进行了一个简单的测试,它正在显示,但我不明白为什么我的 React 代码没有显示在我的服务器上。
我最有可能认为问题在于快速静态文件不提供我的图像或 React Router 代码。我还应该注意,我没有使用 create-react-app 我正在使用 webpack 开发服务器 React no cli。
另外,我没有使用 create-react-app 我没有使用 cli 来自定义 webpack。
这是我的代码:
(节点服务器)
const express = require("express");
const path = require("path");
const router = express.Router();
const app = express();
const port = 5000;
// Serve static files on server
app.use("/public", express.static(__dirname + "/../public"));
app.get("*", function(request, …Run Code Online (Sandbox Code Playgroud)