diff --git a/packages/react-scripts/template/README.md b/packages/react-scripts/template/README.md index d1c5e0c6e524f48a8eab7a519ebb43d7b80edf97..1bb1010763b18a1ca79bb64d2c261e240298c736 100644 --- a/packages/react-scripts/template/README.md +++ b/packages/react-scripts/template/README.md @@ -1242,10 +1242,10 @@ const express = require('express'); const path = require('path'); const app = express(); -app.use(express.static('./build')); +app.use(express.static(path.join(__dirname, 'build'))); app.get('/', function (req, res) { - res.sendFile(path.join(__dirname, './build', 'index.html')); + res.sendFile(path.join(__dirname, 'build', 'index.html')); }); app.listen(9000); @@ -1264,11 +1264,11 @@ If you use routers that use the HTML5 [`pushState` history API](https://develope This is because when there is a fresh page load for a `/todos/42`, the server looks for the file `build/todos/42` and does not find it. The server needs to be configured to respond to a request to `/todos/42` by serving `index.html`. For example, we can amend our Express example above to serve `index.html` for any unknown paths: ```diff - app.use(express.static('./build')); + app.use(express.static(path.join(__dirname, 'build'))); -app.get('/', function (req, res) { +app.get('/*', function (req, res) { - res.sendFile(path.join(__dirname, './build', 'index.html')); + res.sendFile(path.join(__dirname, 'build', 'index.html')); }); ```