pi0/nuxt-rewrite

nuxt-rewrite is a module for Nuxt.js apps that fixes a specific problem caused by URL rewriting. When a server is configured to show users one web address while actually loading content from a different internal route, the page can break during the initial load. This tool prevents that breakage. When a web server rewrites a URL, it serves the content of one page at a different address. This breaks how modern JavaScript frameworks like Nuxt.js load pages on the client side, because the browser's internal router gets confused by the mismatch between the address shown and the content being loaded. This module solves the issue by briefly pretending to the router that the URL is the original internal one, just long enough to render the page. It then quickly reverts the address bar to the rewritten URL the user expects to see. This is for developers building Nuxt.js applications who use server-level rewriting, like setting up a reverse proxy. For example, a team might want to serve content from their main site at a special promotional URL, or map an old address to a new page without setting up a standard redirect. Without this module, doing that at the server level would cause the page to load incorrectly. The README notes a couple of important tradeoffs. First, having multiple addresses lead to the same content is bad for search engine optimization, so developers must use canonical meta-tags to tell search engines which address is the real one. Second, this rewriting only happens during the initial page load from the server. Any links within the app that need rewriting should use standard HTML link tags, which force a new server request, rather than relying on the app's internal navigation.