Question

让我们想象一下，我有一个快递服务器，可以根据浏览器请求从该服务器发送反应应用程序文件-app.js

fastify.route({
  method: 'GET',
  url: '/index.html',
  handler: (req, res) => {
    res.sendFile(app.js)
  }
})

在客户端，我希望浏览器将其作为index.html并在内部进行响应。

import React from 'react'
import { render } from 'react-dom'
import App from './src/App'

// Where to place all html?
render(<App />, document.getElementById('someid'))

为了简单起见，我想摆脱index.html并动态生成它。

我该怎么办？

Answer 1

您的react应用只是一个JavaScript捆绑包，因为浏览器只能理解HTML和执行js。

浏览器解析HTML并创建DOM树，在此过程中，它将获取脚本标签中的所有JavaScript。而且React不是HTML。

因此，您必须为此发送index.html，任何html文件都必须首先发送到浏览器。

提供服务，无需index.html

1 个答案: