docs: improve historyApiFallback example (#3759)

Author: snitin315

examples/history-api-fallback/README.md

@@ -21,13 +21,41 @@ Usage via CLI:
 npx webpack serve --open --history-api-fallback
 ```
 
-_Note: some URLs don't work by default. For example; if the url contains a dot.
+## What Should Happen
+
+1. The script should open `http://0.0.0.0:8080/` in your default browser.
+2. You should see text on the page that reads `Current Path: /`.
+3. Navigate to `http://localhost:8080/foo-bar`.
+4. You should see text on the page that reads `Current Path: /foo-bar`.
+
+_Note: some URLs don't work by default. For example, if the url contains a dot (`/file.txt` in this example).
 Be sure to checkout the [connect-history-api-fallback](https://github.com/bripkens/connect-history-api-fallback)
 options._
 
+To allow `/file.txt` to fallback, update the `webpack.config.js` as follows:
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  // ...
+  devServer: {
+    historyApiFallback: {
+      disableDotRule: true,
+    },
+  },
+};
+```
+
+Usage via CLI:
+
+```console
+npx webpack serve --open
+```
+
 ## What Should Happen
 
 1. The script should open `http://0.0.0.0:8080/` in your default browser.
-2. You should see text on the page that reads 'Current Path: /'.
-3. Navigate to `http://localhost:8080/foo/bar`.
-4. You should see text on the page that reads 'Current Path: /foo/background'.
+2. You should see text on the page that reads `Current Path: /`.
+3. Navigate to `http://localhost:8080/file.txt`.
+4. You should see text on the page that reads `Current Path: /file.txt`.

examples/history-api-fallback/webpack.config.js

@@ -8,8 +8,6 @@ module.exports = setup({
   context: __dirname,
   entry: "./app.js",
   devServer: {
-    historyApiFallback: {
-      disableDotRule: true,
-    },
+    historyApiFallback: true,
   },
 });