feat(react): add proxy config support to file-server executor

[austinhappel]

Current Behavior

The file-server executor uses the http-server library under the hood. http-server uses http-proxy under the hood, when handling things like custom SSL certificates.

Currently, when supplying your own SSL certificate (using ssl, sslKey, sslCert and proxyUrl options) with a single-page-app that handles its own routing, http-server will not correctly route paths back to the SPA. As a result, directly visiting paths like /user/login will fail with an authentication error.

In other words: When serving a SPA using custom SSL certificates, directly visiting url paths other than / results in an authentication error response from the server.

The reason for this issue is because the underlying http-proxy isn't configured to correctly handle the custom SSL certificates. Currently it cannot be correctly configured, because this executor does not support accepting configuration settings for the http-proxy. Specifically, it does not support the --proxyOptions argument in http-proxy.

Expected Behavior

When serving a SPA using custom SSL certificates, directly visiting url paths will now work correctly, given the settings are correct.

Example settings that work:

// workspace.json 
"serve": {
  "executor": "@nrwl/web:file-server",
  "options": {
    "buildTarget": "my:target",
    "port": 9040,
    "host": "myHost.com",
    "ssl": true,
    "sslKey": "myHost.key",
    "sslCert": "myHost.crt",
    "proxyUrl": "https://myHost.com:9040?",
    "proxyConfig": "./proxy.conf.json"
  }
},

// proxy.conf.json
{
  "secure": false
}

Related Issue(s)

🤷🏻‍♀️

Fixes #
🤷🏻‍♀️

[nx-cloud]

☁️ Nx Cloud Report

CI ran the following commands for commit 5015907. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 7 targets

• nx affected --target=build --base=0f7cf3464e9dbf7d56fa4045d706267f1ce706a1 --head=50159073b8a04d4bf1b165800c95b50d1e8e9338 --parallel=3
• nx affected --target=e2e --base=0f7cf3464e9dbf7d56fa4045d706267f1ce706a1 --head=50159073b8a04d4bf1b165800c95b50d1e8e9338 --exclude=e2e-detox,e2e-js,e2e-next,e2e-workspace-create,e2e-workspace-integrations,e2e-workspace-core,e2e-react,e2e-web,e2e-angular-extensions,e2e-angular-core,e2e-cli,e2e-nx-plugin,e2e-cypress,e2e-node,e2e-linter,e2e-jest,e2e-a...
• nx affected --target=e2e --base=0f7cf3464e9dbf7d56fa4045d706267f1ce706a1 --head=50159073b8a04d4bf1b165800c95b50d1e8e9338 --exclude=e2e-storybook,e2e-react-native,e2e-detox --parallel=1
• nx affected --target=lint --base=0f7cf3464e9dbf7d56fa4045d706267f1ce706a1 --head=50159073b8a04d4bf1b165800c95b50d1e8e9338 --parallel=3
• nx affected --target=test --base=0f7cf3464e9dbf7d56fa4045d706267f1ce706a1 --head=50159073b8a04d4bf1b165800c95b50d1e8e9338 --parallel=1
• nx build typedoc-theme
• nx run-many --target=build --all --parallel=8 --exclude=docs,nx-dev-data-access-documents,nx-dev-e2e,nx-dev,nx-dev-feature-analytics,nx-dev-feature-conf,nx-dev-feature-doc-viewer,nx-dev-feature-search,nx-dev-feature-storage,nx-dev-feature-versions-and-flavors,nx-dev-ui-commands,nx-dev-ui-common,nx-dev-ui-home,nx-dev-ui-member-card,nx-dev-ui-sponsor...

---

Sent with 💌 from NxCloud.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/nrwl/nx-dev/BwNCHmNeSecT4PeWWdJjdC5kn74H
✅ Preview: https://nx-dev-git-fork-austinhappel-austinhappel-add-proxy-360264-nrwl.vercel.app

[Deployment for 5015907 canceled]

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.