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

标签 javascript reactjs webpack

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

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

最佳答案

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

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

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

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

关于javascript - 如何为 React/Javascript 单页应用程序提供服务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39423936/

相关文章:

javascript - 警告 : function declared in a loop contains unsafe references to variable(s) ''

javascript - Express.js,意外的 token <

javascript - 使用 vite 在 react 应用程序中加载环境变量

node.js - Nodejs 核心模块 fs 无法与 webpack 和 angular2 cli 一起使用

javascript - 来自异步函数的 Webpack DefinePlugin

javascript - 仅使用 vue-cli3 配置 webpack 以用于生产

javascript - 围绕具有半径的圆排列不同高度的div

javascript - 使用子字符串在javascript中剪切并重新构造字符串

javascript - 动画完成后如何在 JQuery 中执行某些操作()

Javascript/Lodash/Redux - 从对象返回具有特定 id 的对象