Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/delphi/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 视图源中的API数据_Javascript_Reactjs_Server Side_Next.js - Fatal编程技术网

Javascript 视图源中的API数据

Javascript 视图源中的API数据,javascript,reactjs,server-side,next.js,Javascript,Reactjs,Server Side,Next.js,我使用next.js在服务器端呈现react代码,但是当我查看页面的源代码时,我可以看到整个API数据和redux存储数据 这是所有SSR代码的常见问题还是我做错了什么?您没有做错任何事情。服务器端呈现的前提是在第一个请求中将所有初始状态传递给浏览器,并呈现部分DOM。这对我很有帮助 因此,要使单个页面应用程序以服务器呈现的方式工作,必须呈现页面的一部分,并且还必须以某种方式提供应基于redux状态呈现的页面的其余部分 在初始渲染之后,需要将第一次渲染时的状态提供给redux存储 这就是服务器端

我使用next.js在服务器端呈现react代码,但是当我查看页面的源代码时,我可以看到整个API数据和redux存储数据


这是所有SSR代码的常见问题还是我做错了什么?

您没有做错任何事情。服务器端呈现的前提是在第一个请求中将所有初始状态传递给浏览器,并呈现部分DOM。这对我很有帮助

因此,要使单个页面应用程序以服务器呈现的方式工作,必须呈现页面的一部分,并且还必须以某种方式提供应基于redux状态呈现的页面的其余部分

在初始渲染之后,需要将第一次渲染时的状态提供给redux存储


这就是服务器端渲染SPA的工作原理。

除非使用动态加载,否则从API获取的数据将在服务器端渲染。