Reactjs React SSR(服务器端呈现)用于登录前和登录后的SEO创建React应用程序(CRA)。如何在一个项目文件夹中执行此操作?
我有一个问题,假设登录前和登录后有两种情况: 登录前 网站将搜索引擎优化与下一个js或其他一些方式。而且像博客、博客详情、关于、联系人和产品等页面很少 登录后 正常功能,如post,使用CRA(创建React应用程序)设置发布详细信息 我的问题是如何在登录SSR之前和登录之后设置项目。我不想在登录后使用SSR,因为服务器上的每个特性和功能都有很多负载。 有什么解决办法吗 我有几篇关于同构的文章 初学者工具包项目示例:Reactjs React SSR(服务器端呈现)用于登录前和登录后的SEO创建React应用程序(CRA)。如何在一个项目文件夹中执行此操作?,reactjs,redux,react-redux,create-react-app,server-side-rendering,Reactjs,Redux,React Redux,Create React App,Server Side Rendering,我有一个问题,假设登录前和登录后有两种情况: 登录前 网站将搜索引擎优化与下一个js或其他一些方式。而且像博客、博客详情、关于、联系人和产品等页面很少 登录后 正常功能,如post,使用CRA(创建React应用程序)设置发布详细信息 我的问题是如何在登录SSR之前和登录之后设置项目。我不想在登录后使用SSR,因为服务器上的每个特性和功能都有很多负载。 有什么解决办法吗 我有几篇关于同构的文章 初学者工具包项目示例: 我们可以在一个项目设置中创建SSR和create react应用程序吗?是的,
我们可以在一个项目设置中创建SSR和create react应用程序吗?是的,我们可以,有一些关于该主题的文章:
如果您使用的是express server,则可以使用中间件将ssr仅应用于某些路由
const ssrForBots = require("ssr-for-bots");
const defaultOptions = {
prerender: [], // Array containing the user-agents that will trigger the ssr service | uses Regex
exclude: ["/routesAfterLogin/"], // Array containing paths and/or extentions that will be excluded from being prerendered by the ssr service | uses Regex
useCache: true, // Variable that determins if we will use page caching or not
cacheRefreshRate: 86400, // Seconds of which the cache will be kept alive, pass 0 or negative value for infinite lifespan default 24 hours
};
app.use(ssrForBots(defaultOptions));
这样一来,登录前的路径将是SSR,而登录后的路径(假设它们都以/app开头)将被排除在外,但在第一篇文章中,我可以看到它的意思是“我们已经走了很长的路,但我们设法在几步之内将简单的CRA应用升级为完整的SSR+代码拆分设置”,登录后的设置也是如此。正如我所见,他将CRA应用程序转换为SSR。我看不到第二篇文章。媒体说要升级。