如果在 React.js 中移动，请使用不同的 index.html

Question

我有一个 React 应用程序，其中我们有一个包含很多内容的 index.html（公用文件夹中用作初始模板的那个），然后我们在一个 id 为 root 的 div 上呈现一个小的 React 部分。

但是，如果客户端是移动的，我们需要显示不同的 index.html，例如低于 500px。

当反应准备好时，我不想这样做......

我想这样做，在我们加载对 id 为 root 的 div 做出反应之前。

为了使其移动，它加载了一个不同的 index.html，即存在于公用文件夹中的那个。

谢谢

Answer 1

您可以使用 javascript 访问浏览器的宽度。如果您不想使用 javascript 处理它，唯一的方法是从服务器端处理它。 您必须决定要使用User Agent header 将哪个模板发送到前端。但我不建议您这样做，除非您有充分的理由这样做。