javascript - React Redux bundle.js 被抛出请求
问题描述
我对我的 React Redux SSR 应用程序如何处理站点导航有疑问我有一个列表页面的路由,它将根据 URL 中的参数显示不同的数据。
Routes.js 文件
export default [
{
...App,
routes: [
{
...HomePage,
path: '/',
exact: true
},
{
...ListPage,
path: '/list/:id',
exact: true
},
在我的 Express 后端运行的 Index.JS 文件中,我遍历我的路由目录以查看与请求路径匹配的路径...
const app = express();
app.use(express.static('public'));
app.get('*', (req, res) => {
const store = createStore(req);
const promises = matchRoutes(Routes, req.path)
.map(({ route }) => {
console.log("Looking at Route: ", route);
if (route.loadData) {
const params = req.path.split('/');
console.log('my params are: ', params)
return route.loadData(store, params[2])
}else{
return null
}
})
.map(promise => {
if (promise) {
return new Promise((resolve, reject) => {
promise.then(resolve).catch(resolve);
});
}
});
Promise.all(promises).then(() => {
const context = {params: req.params};
const content = renderer(req, store, context);
if (context.url) {
return res.redirect(301, context.url);
}
if (context.notFound) {
res.status(404);
}
res.send(content);
});
});
我的理解是应该只迭代两件事,App 组件 Route 和 ListPage 组件 Route 然后调用它们各自的 loadData() 函数,网站继续运行。然而,在它通过前 2 条路由并使用相关信息填充我的页面后,Index.js 文件被再次调用并遍历路由,但这次不是让用户尝试访问它的 URL 将其替换为“ bundle.js”,我不明白这里发生了什么。这是我得到的输出,我希望只有输出的上半部分。
注意 此图像取自我的控制台(我在 1 个窗口中结合了客户端和服务器端输出),下面我将包含我的配置文件的屏幕截图
当然,我的代码并不期望这是一条路径,并且应用程序会中断,因为它试图获取 ID 为“bundle.js”而不是标准编号的列表上的信息。
有人可以向我解释我的代码在这里做错了什么,或者如果这是它应该如何表现我如何解决这个问题,我将不胜感激。
我目前正在尝试创建我的第一个 SSR 应用程序,所以我是这项技术的新手,所以我可能会遗漏一些明显的东西。
解决方案
经过进一步调查,我注意到我可以在控制台中看到的文件 bundle.js 指的是某个位置的文件,/list/bundle.js
但我的包实际上在我的公共目录中,所以我不得不修改脚本 Src 以便它引用http://localhost:3000/bundle.js
之后我做了这个应用程序按预期运行。
推荐阅读
- python-3.x - ModuleNotFoundError 即使模块在 sys.path
- python - 使用python的CSV到JSON问题
- visual-studio-2017 - .NET Core 3.0 没有出现在 Visual Studio 2017 中?
- python - 有没有办法在 python pandas 中将基于时间的事件划分为小时模板?
- pyspark - 使用 selectExpr 在 pySpark 中转换数据框的列
- reactjs - 避免在没有数据时显示 y 轴标签和点:HIghcharts
- angular - 如何在 Angular 中以模式形式使用 getProperty?
- codenameone - 可以禁用 MultiButton 的底部下划线吗?
- sql-server-2017 - 使用 R 在 SQL Server 2017 中运行 sp_execute_external_script SP 时收到“STDERR 消息...”消息
- typescript - NestJs HTTP (rxjs) 遍历分页端点