Proxy configuration for production environment.

[turenc]

Hi,

Firstly, realy thanks for this amazing work! It's runing smoothly in the development environment.

There is a only dev environment server proxy and a comment for production purposes in "Webpack.config.js". https://github.com/me-12/single-spa-portal-example/blob/master/portal/webpack.config.js // Proxy config for development purposes. In production, you would configure you webserver to do something similar. proxy: { "/app1": { target: "http://localhost:9001", pathRewrite: {"^/app1" : ""} },.....................................................

Can you give an idea about how can i configure web server to do something similar?

Or is there another way?

Thanks, Türenç.

[yzrzya1]

This is my try by using node.js with express and http-proxy-middleware dependencies

------ code below ----------

const path = require('path'); const express = require('express'); const proxy = require('http-proxy-middleware'); const app = express();

app.use(express.static(path.join(__dirname, 'release')));

app.use('/app1', proxy({ target: 'http://localhost:9001', changeOrigin: true, pathRewrite: { '^/app1': '/', }}));

app.use('/app2', proxy({ target: 'http://localhost:9002', changeOrigin: true, pathRewrite: { '^/app2': '/', }}));

app.use('/app3', proxy({ target: 'http://localhost:9003', changeOrigin: true, pathRewrite: { '^/app3': '/', }}));

app.use('/app4', proxy({ target: 'http://localhost:9004', changeOrigin: true, pathRewrite: { '^/app4': '/', }}));

app.use('/app5', proxy({ target: 'http://localhost:9005', changeOrigin: true, pathRewrite: { '^/app5': '/', }}));

app.listen(9000);