@vercel/microfrontends 2.1.1 → 2.1.3

package/dist/next/config.js

@@ -1672,17 +1672,18 @@ function transform4(args) {
   if (requireLocalProxyHeader) {
     const proxyRedirects = [
       {
-        source: "/:path*",
+        source: `/:path*`,
         destination: `http://localhost:${microfrontend.getLocalProxyPort()}/:path*`,
         permanent: false,
         missing: [
-          { type: "header", key: "x-vercel-mfe-local-proxy-origin" },
-          {
-            type: "host",
-            value: `localhost:${microfrontend.getLocalProxyPort()}`
-            // if it's already on the host, we don't need to redirect
-          }
-        ]
+          { type: "header", key: "x-vercel-mfe-local-proxy-origin" }
+        ],
+        // this fixes relative path Next.js images locally. A security fix removed the headers from the image request,
+        // https://github.com/vercel/next.js/pull/82114, and locally the image fetch does not follow redirects. This
+        // means the header x-vercel-mfe-local-proxy-origin is stripped, and the redirect to then add the header back
+        // in is not followed. As all headers are stripped, there is also no host header, so this check will ensure
+        // relative path Next.js images are not redirected to the local proxy.
+        has: [{ type: "header", key: "host" }]
       }
     ];
     if (next.redirects && typeof next.redirects === "function") {