Desarrollé una aplicación web en react js y estoy usando el enrutamiento del lado del cliente. Tengo algunas URL de productos eliminadas y quiero redirigir a los usuarios a la URL de las listas de productos con el código de estado HTTP 301 cuando el usuario abre cualquiera de las URL de productos eliminadas. Por ejemplo, tengo una URL de producto www.abc.com/prod-detail/123 y este producto se elimina, por lo que cuando el usuario abre esta URL, quiero que lo redirija a www.abc.com/products con el código de estado HTTPS. 301.

Traté de lograr esto usando la siguiente solución.

Código para redirigir al usuario a los listados de productos desde los detalles del producto.

detalles del producto.js

 if(productNotFound){ window.location.href ="/products?redirect=301"; }

Creé un servidor proxy usando http-proxy-middleware en la aplicación para filtrar las solicitudes anteriores (si los productos contienen el parámetro redirect=301 ) y pasarlas al servidor Node.

configuraciónProxy.js

 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function (app) { const filter = function (pathname, req) { if(req.query && req.query.redirect==='301'){ return true; } else { return false; } }; const apiProxy = createProxyMiddleware(myfilter, { target: "http://localhost:8000/",//Node server changeOrigin: false, secure: false }); app.use('/products',apiProxy); };

En el servidor Node JS, estoy filtrando las solicitudes que tienen un parámetro de consulta como redirección = 301 y si encuentro este tipo de solicitud, simplemente redirijo con el código de estado 301.

inedx.js (Nodo)

 router.get('/products', function (req, res, next) { if(req.query && req.query.redirect==='301'){ req.query = null; const hostUrl = 'http://' + req.get('host') + req.originalUrl.split('?')[0]; //res.statusCode=301; res.redirect(301, hostUrl); } else{ res.redirect(301, 'http://' + req.get('host') + req.originalUrl); } });

La solución anterior no funciona para mí. No estoy recibiendo la solicitud en el servidor Proxy. No estoy seguro de que esta sea la forma correcta o no, ya que soy nuevo en reaccionar js.

Gracias de antemano por cualquier ayuda o idea.

También hágame saber si hay alguna otra forma de lograr esto sin usar el enrutamiento del lado del servidor.

Espero que la pregunta tenga sentido. Cualquier ayuda sería apreciada.