javascript - 如何为 React/Javascript 单页应用程序提供服务

Question

我有一个关于网络服务器以及它们如何为单页 JavaScript 应用程序提供服务的愚蠢问题。我有一个使用 Facebook 的 React CLI 创建的 React 应用程序(本质上是一些预配置的构建脚本和 webpack 配置)。

如果我打开 index.html 文件，我得到的只是一个空白页。仅当我使用 python3 -m http.server 之类的东西为应用程序提供服务时，应用程序才会起作用。为什么会这样？

Answer 1

这很简单。每当您在index.html中包含脚本文件时，浏览器都会发送一个GET请求来获取该文件，就像您在react文件中包含它时的情况一样

<script src="./src/bundle.js"></script>

这些 GET 请求无法获取系统中的静态文件，因此您需要使用服务器来为它们提供服务。这就是您需要使用 http-server 等服务器的原因。

要查看这一点，您可以查看控制台，当您直接打开 HTML 文件时，您会发现这是一个错误。