¿Cómo configuro un proxy usando WebpackDevServer en mi extensión de Chrome React/Node? Mi servidor se ejecuta en localhost:4000 y React frontend en localhost:5000

Usando Axios, intento y accedo a la ruta: axios.get(/api/user/ticket) , sin embargo, localhost:4000 no tiene proxy y la ruta a la que accede es mi extensión de Chrome: chrome-extension://fjkfhdsjkwerjhdksfhdjkshfds/api/ticket/user/ .

Si llamo explícitamente a localhost: axios.get(localhost:4000/api/user/ticket) , entonces todo funciona correctamente. Soy nuevo en el paquete web, así que no estoy completamente seguro de lo que estoy haciendo mal. ¡Gracias por la ayuda!

Proxy de servidor web implementado usando losdocumentos

 var server = new WebpackDevServer( { https: false, hot: false, client: false, proxy: { '/api': 'http://localhost:4000', }, host: 'localhost', port: env.PORT, static: { directory: path.join(__dirname, '../build'), }, devMiddleware: { publicPath: `http://localhost:${env.PORT}/`, writeToDisk: true, }, headers: { 'Access-Control-Allow-Origin': '*', }, //this needs to change to prevent dns attacks allowedHosts: 'all', }, compiler );