程序员经验分享-hwhale

禁用 JavaScript 时 SSR 不起作用

2024-03-30

在这里参考这张票：https://github.com/zeit/next.js/issues/4210 https://github.com/zeit/next.js/issues/4210我目前想知道为什么当您禁用 javascript 时，使用 Relay Modern 和 NextJS 的大部分内容都不起作用。

我最初的猜测是，由于 NextJS 是一个用于服务器端渲染的 React 库，如果在 chrome 中禁用 JavaScript，那么显然 React 不起作用。然而，NextJS 是服务器端渲染，因此在客户端禁用 javascript 应该不是问题？那么，为什么还会出现这个问题呢？


在现代 SSR 场景中，如同构应用 https://medium.com/@ElyseKoGo/an-introduction-to-isomorphic-web-application-architecture-a8c81c42f59，只有第一次渲染是由服务器完成的，返回纯文本html内容连同js将用于后续渲染。

如果浏览器禁用了 javascript，您应该只能看到第一个渲染为静态页面，因为解释器所做的是显示纯 html 内容，但是您不应该能够与该页面交互（这需要 js待启用）

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

ReactJS

Nextjs

serversidejavascript

serversiderendering

禁用 JavaScript 时 SSR 不起作用 的相关文章

  • 使用画布元素作为文本区域

    我正在寻找有关如何使用类似于文本区域的画布元素的直接描述 我见过这样的项目Ace http ace ajax org 只是想知道如何像文本区域一样写入该区域 只是纯文本 没有什么花哨的 提前致谢 Ace 曾经是 Mozilla Skywri

  • 茉莉花单元测试 - 测试对象的未定义属性

    我有以下声明 expect A BAR name toEqual foo 由于我的对象 A 具有顶级属性 BAR 并且 bar 具有值 foo 传递 我想测试我的结构以确认属性 NONEXISTINGPROP 尚未定义 例如 expect

  • 在使用第三方东西时如何保持 Browserify 包大小合理（如果重要的话通过 grunt ）

    我正在尝试捆绑我自己的代码 A 该代码又使用 2 个第三方组件 B 和 C 其中 C 也需要 B 据我所知 所有内容都是使用 CommonJS 节点样式模块编写的 捆绑后单独使用的价格为 60K B 是单独包含的 并假定是全局的 我通过在构

  • AWS Lambda 提前结束（没有任何显式返回或回调）

    我在放入 AWS Lambda 中的一些 Node js 代码时遇到了一些问题 我需要进行几个异步调用 虽然第一个调用的行为符合我的预期 但 lambda 函数在第二个调用完成之前终止 返回值为 null 这让我认为 lambda 正在执行

  • NodeJs读取JSON文件

    我正在使用 NodeJs 读取 json 文件 我的代码非常基本 var obj require sample json console log obj 0 Sample json 文件包含这样的字符串化 JSON sample good

  • Sails.js - 如何更新嵌套模型

    attributes username type email validated by the ORM required true password type string required true profile firstname s

  • Chrome 内存/垃圾收集问题

    我在使用 Chrome 时遇到内存 垃圾收集问题 我正在开发一个照片上传网站 该网站允许我的客户使用 HTML5 和文件 API 拖放照片进行上传 因此这在 IE 中不起作用 它仅适用于 Chrome 和 FF 我还没有在 Safari O

  • RequireJS 文本插件和变量连接字符串

    我正在使用 RequireJS 文本插件来加载一些 html 模板 当我将字符串文字传递给 require 函数时 它工作正常 var templateHTML require text templates template name ht

  • Javascript：通过将路径作为字符串传递给对象来获取对象的深层值[重复]

    这个问题在这里已经有答案了 可能的重复 使用字符串键访问嵌套的 JavaScript 对象 https stackoverflow com questions 6491463 accessing nested javascript obje

  • 使用 Javascript eval() 100% 安全吗？

    我正在编写一个生成 Javascript 代码的 PHP 库 Javascript 代码有许多名为component001 component002 etc 页面通过 AJAX 动态加载 我需要通过 URL 变量传递组件的名称 然后由脚本进

  • 添加选项以选择框而不用 Internet Explorer 关闭该框？

    我正在尝试构建一个包含多个下拉选择框的网页 这些下拉选择框在首次打开时异步加载其选项 这在 Firefox 下工作得很好 但在 Internet Explorer 下则不然 下面是我想要实现的目标的一个小例子 基本上 有一个选择框 ID 为

  • 如何正确删除动画集中引用的 Raphael SVG 元素？

    我有一组动画 Raphael SVG 元素 我正在通过用户发起的 ajax 调用添加新元素并删除旧元素 我 set push 新元素 但因为我需要删除的元素通常不是集合中的最后一个元素 所以我使用 element remove 而不是 se

  • 当表格在 IE 中获得焦点时，表格滚动条会向上跳跃

    问题 我有一个table有包装的div with overflow y auto 一旦table获得焦点 滚动条向上跳 我怎样才能防止这种情况发生 我经历过这种行为IE9 不在 Chrome 中 请注意 我已添加tabindex到桌子上 以

  • 使用 javascript 调整图像大小以在画布 createPattern 中使用

    我见过一些关于如何调整图像大小的技巧 在 IMG 标签内使用 但我想在里面有一个图像变量 一个 Javascript 调整它的大小 然后使用 a 中的图像 context createPattern 图像 重复 我还没有找到任何提示 关于如

  • 我可以在不使用 Jquery UI 的情况下获得 Jquery Pulsate Effect 吗？

    我遇到了由于某种原因无法使用 Jquery UI 的情况 我正在尝试在不使用 Jquery UI 的情况下获得 Jquery UI 脉冲效果 与此链接类似 http docs jquery com UI Effects Pulsate ht

  • selenium-webdriver 与 webdriverjs 有什么区别（以及何时使用）？

    我是一位使用 selenium webdriver 的经验丰富的专业人士 我正在探索有关如何测试 javascript 应用程序的更多选项 我发现了 webdriverJs 不幸的是 我不明白这两者 2 之间有什么区别 有人可以解释一下何时

  • 不可见的 reCAPTCHA - 缺少必需的参数：sitekey

    我正在为每个带有具有类的按钮的表单动态加载不可见的 reCAPTCHAg recaptcha 我遇到的问题是验证码未正确加载 我不知道为什么 我按照验证码网站上的文档进行操作 但我不确定如何以及为什么会出现此错误 Uncaught Erro

  • d3力定向布局-链接距离优先

    在 d3 中使用力导向布局 如何使链接距离成为优先事项 同时仍然保持良好的图形布局 如果我指定动态链接距离 但保留默认费用 则我的图形距离会因费用函数而发生一些变形 并且不再是准确的距离 但是 如果我删除电荷 图表将如下所示 任何建议表示赞

  • 角度 ng-repeat 根据条件添加样式

    我在 div 列表上使用 ng repeat 并且在渲染此 div 的 json 中手动添加项目 我需要定位我在 json 中添加的最后一个 div 它会自动在屏幕上渲染 即 couse 光标所在的位置 其余部分保持在相同位置 但没有给出渲

  • R闪亮：使用闪亮的JS从数据表中获取信息

    我想读出所有列名称以及它们在数据表中显示的顺序 由于不同的原因 我无法使用 stateSave 等选项 我对 JS 没有什么把握 但我确信用它可以完成 所以我需要你帮助我 我尝试过类似的代码片段 datatable data callbac

随机推荐

  • erlang中如何将中缀转换为后缀？

    我刚刚遇到这个帖子 https stackoverflow com questions 4621151 the shortest way to convert infix expressions to postfix rpn in c 相当

  • SQL Server - 实现序列

    我有一个系统 要求我在数据进入数据库之前拥有数据的 ID 我正在使用 GUID 但发现它们太大而无法证明其便利性 我现在正在尝试实现一个序列生成器 它基本上为给定的上下文保留一系列唯一的 ID 值 代码如下 ALTER PROCEDURE

  • Android 13 中的存储权限 - Flutter

    我正在使用读写权限来访问外部存储并获取权限 我正在使用权限处理程序包 AndroidManifest xml

  • 按因子拆分并组合成新列

    我有一个 sql 输出到 data frame 中 如下所示 dateTime resultMean SensorDescription 1 2009 01 09 21 35 00 7 134589 Aanderaa Optode Type

  • WooCommerce 自定义报告：获取具有已完成状态的订单

    我正在为 woocommerce 制作自定义报告我正在尝试为所有已交付订单添加报告 这就是我正在做的事情 orders wc get orders array numberposts gt 1 foreach orders as order

  • 是否可以在信号处理程序中设置承诺？

    我正在寻找一种方法来停止每 2 秒执行一次任务的线程 我决定尝试使用 std promise future 以便线程可以在设置 Promise 时立即退出 include

  • 当我制作结构的浅表副本时，灵活的数组成员不会被复制

    我通过以下方式对结构进行了浅复制 struct Student char name int age Courses list First course node Student friends Flexible array member s

  • Firebase Auth 有没有办法确保所有用户之间的 displayName 是唯一的？

    我创建了一个函数来使用以下代码创建新用户 该代码创建用户并更改其显示名称 export function handleSignup email password name firebase auth createUserWithEmailA

  • 如何在 Java 中创建哈希表？

    在 Java 中创建哈希表 或关联数组 最直接的方法是什么 我的 google fu 已经出现了几个例子 但是有一个标准的方法来做到这一点吗 有没有一种方法可以用键 gt 值对列表填充表 而无需为每对对象单独调用 add 方法 Map ma

  • 在 100% div 内获取水平滚动条

    我正在尝试构建一个快速概述来显示即将到来的日历周 我希望它水平排列 这样如果我们显示完整的日历周 它可能会变得相当宽 我现在已经将其设置为具有固定宽度的内部 div 以便浮动的 日 div 不会返回到下方 和设置为 width 100 的外

  • 为什么 Sublime 包控制不起作用？

    我已经安装了崇高文本2 和以下本指南 https packagecontrol io installation st2 我安装了包控制 一旦我使用了Ctrl Shift PSublime 中的快捷方式 当我输入时install 没有安装选项

  • Cmake gui 重置参数。如何在cmake gui中设置参数？

    我正在尝试在 vtk 构建后构建 cmake 我看到WITH VTK被选中 所以我尝试就地更改VTK PATH 不幸的是我收到这条消息 未找到 VTK 请将 CMake 中的 DVTK DIR 设置为 VTK 构建目录 或 VTK 在日志窗

  • Peewee - 无法连接到主机上的 MySQL 服务器

    我正在使用 peewee ORM 开发一个基于 Flask 的 python 应用程序 我最初连接到本地存储在我的计算机上的数据库 现在尝试过渡到远程连接到数据库 我已经通过服务器的 cpanel 部分在 phpmyadmin 中设置了数据

  • 猫鼬方法和静态有什么用？

    猫鼬方法和静态有什么用 它们与普通函数有何不同 谁能用例子解释一下区别 数据库逻辑应该封装在数据模型中 Mongoose 提供了两种方法来做到这一点 方法和静态 Methods向文档添加实例方法 而Statics向模型本身添加静态 类 方法

  • 如何在 NSUserDefaults 中设置 NSArray？

    我想知道为什么有 arrayForKey 方法 但没有 setArrayForKey 方法 我该如何设置该数组 只需使用setObject forKey 我想原因是有一个特殊的arrayForKey and dictionaryForKey

  • Oracle - 将多个计数作为一个查询返回

    我有几个疑问 详情如下 我希望能够运行一个返回两个计数的 SQL 查询 这可能吗 1 select nvl count rowid 0 from tablename where OPP FOO and date BAZ 2 select n

  • 如何比较 MongoDB 中的两个对象（忽略键的顺序）？

    查找 objA 与 objB 相同的所有文档的最佳方法是什么 键的顺序并不重要 灵感来自另一个问题 https stackoverflow com questions 74962485 how to use lookup on two co

  • 针对 .NET 框架的多个版本的最佳方法是什么？

    我正在构建一个类库 并将其部署为 NuGet 包 这使我可以根据所添加项目的 NET Framework 版本选择要添加为引用的不同程序集 这是一个非常好的功能 但我想知道是否可以拥有一个类库项目 并针对多个版本的 NET 框架构建它 我宁

  • Python 电子邮件正文为空

    我来这里是想请你帮忙 问题是 我的电子邮件主题没问题 但当我打开电子邮件时 它是空的 我真的不明白为什么 这是我的代码 from urllib2 import urlopen import smtplib s smtplib SMTP sm

  • 禁用 JavaScript 时 SSR 不起作用

    在这里参考这张票 https github com zeit next js issues 4210 https github com zeit next js issues 4210我目前想知道为什么当您禁用 javascript 时 使

热门标签