Add web.config for IIS deployment of the client

client/.env

@@ -0,0 +1,3 @@
+#REACT_APP_SERVER_BASE_URL=https://...
+#PUBLIC_URL=https://...
+#BASE_URL=/.../

client/config-overrides.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const path = require('path');
+const CopyPlugin = require('copy-webpack-plugin');
 
 const BASE_URL_PLACEHOLDER = 'BASE_URL_PLACEHOLDER';
 
@@ -32,7 +33,7 @@ const replaceBaseUrl = (compiler) => {
         replaceInFile(info.targetPath, `"${BASE_URL_PLACEHOLDER}"`, '`${window.BASE_URL}/`');
       } else if (/index\.html$/.exec(info.targetPath)) {
         // For the main html file, we set a placeholder for sails to inject the correct value as runtime
-        replaceInFile(info.targetPath, BASE_URL_PLACEHOLDER, '<%= BASE_URL %>');
+        replaceInFile(info.targetPath, BASE_URL_PLACEHOLDER, process.env.PUBLIC_URL);
       }
     }
   });
@@ -51,7 +52,26 @@ module.exports = function override(config, env) {
     return {
       ...config,
       output: { ...config.output, publicPath: BASE_URL_PLACEHOLDER },
-      plugins: [...plugins, { apply: replaceBaseUrl }],
+      plugins: [
+        ...plugins,
+        { apply: replaceBaseUrl },
+        new CopyPlugin({
+          patterns: [
+            {
+              from: 'public/web.config',
+              transform: {
+                transformer(content, absoluteFrom) {
+                  const PUBLIC_PATH = process.env.PUBLIC_URL.replace(
+                    /^.*\/\/[^/]*(.*)[^?#]*.*$/,
+                    '$1',
+                  );
+                  return content.toString().replaceAll(BASE_URL_PLACEHOLDER, PUBLIC_PATH);
+                },
+              },
+            },
+          ],
+        }),
+      ],
     };
   }
   return config;

client/package.json

@@ -118,6 +118,7 @@
     "axios": "^1.6.2",
     "babel-preset-airbnb": "^5.0.0",
     "chai": "^4.5.0",
+    "copy-webpack-plugin": "^12.0.2",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.30.0",

client/public/web.config

@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<configuration>
+ <system.webServer>
+ <rewrite>
+ <rules>
+ <rule name="React Routes" stopProcessing="true">
+ <match url=".*" />
+ <conditions logicalGrouping="MatchAll">
+ <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
+ <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
+ </conditions>
+ <action type="Rewrite" url="BASE_URL_PLACEHOLDER" />
+ </rule>
+ </rules>
+ </rewrite>
+ </system.webServer>
+</configuration>