How to configure react app with a router and docusaurus app on the /docs path

Support
, ,
3

I would like to redirect www.economize.cloud/docs to https://economize-docs.netlify.app. Both are hosted in seperate repositories and deployed through Netlify.

Below is the netlify.toml configuration of economize.cloud site.

[[redirects]]
  from = "/docs/*"
  to = "https://economize-docs.netlify.app/:splat"
  status = 200
  force = true

Below is the configuration of docusaurus:

module.exports = {
  title: "Economize Docs",
  tagline: "Your cloud infrastructure costs, demystified.",
  url: "https://economize-docs.netlify.app",
  baseUrl: "/docs/",
  onBrokenLinks: "throw",

While www.economize.cloud/docs redirects properly to Netlify, the https://economize-docs.netlify.app site still throws A very common reason is a wrong site baseUrl configuration.

I tried setting the baseUrl with / as you have mentioned, in that case, the netlify app works but economize.cloud/docs does not work. Please let us know what am I configuring wrong. Thanks in advance.