基于 React 框架的网站是否在客户端的浏览器中隐藏了代码？

Question

我的 Web 开发人员告诉我，基于 React 框架的网站将代码隐藏在客户端。我有一个网站，在该网站上看到源代码时只显示几行代码，与网站页面的主体完全不同。请帮忙。您可以在 https://raybaby.us/

找到该网站

任何帮助将不胜感激，因为我正在努力处理有关网站 SEO 的源代码。

Answer 1

根据您问题的上下文 - 我认为您指的是 HTML 的渲染。

所以是的，通常在仅前端 React 应用程序上发生的情况是您将拥有一个 html 文件，如下所示：

<html> 
   <head> 
      <!-- some meta information here, perhaps a base css style--> 
   </head> 

   <body>  
      <div id = "root">
           <!-- this element is left empty, 
               and then react will use javascript to populate it
           --> 
      </div> 
      <script src=...> <!-- the react script--> </script> 
   </body> 
</html>

然后发生的是页面加载，然后是 javascript 运行，然后操纵 dom 并用您的内容填充它。

从 SEO 的角度来看，（我当然没有任何深入的 SEO 经验），我的理解是，从前这将是一件坏事，因为网络爬虫不会运行 Javascript - 他们只会看到空的 HTML。

不过，我的理解is that this is no longer the case。

但是 - 如果您确实希望在没有 javascript 运行的情况下呈现内容 - 您可以使用 server side rendering. SSR 将使用 React 呈现静态 HTML 在后端，提供预先存在的 HTML 和 CSS 样板，在 javascript 开始之前运行ning.

（如果您有兴趣，我个人发现 this project 一个非常好的 SSR 模板）。

您需要做一些研究来确定您的 SEO 是否需要这个，但这是它的基础。

基于 React 框架的网站是否在客户端的浏览器中隐藏了代码？

Does react framework based website hides code in browser at client side?

javascript

web-frameworks

reactjs