workaround for devserver proxy to replace header 'origin' with target…

… host Signed-off-by: Oleksii Kurinnyi <[email protected]>
eclipse-che · Aug 23, 2019 · a6ebc9c · a6ebc9c
1 parent 3b14f91
commit a6ebc9c
Showing 1 changed file with 50 additions and 38 deletions.
diff --git a/workspace-loader/webpack.dev.js b/workspace-loader/webpack.dev.js
@@ -10,48 +10,60 @@
  *   Red Hat, Inc. - initial API and implementation
  *******************************************************************************/
 
+const path = require('path');
 const merge = require('webpack-merge');
 const common = require('./webpack.common.js');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-module.exports = merge(common, {
-    mode: 'development',
-    devtool: 'inline-source-map',
-    module: {
-        rules: [
-            {
-                test: /\.css$/,
-                use: [{
-                    loader: "style-loader" // creates style nodes from JS strings
-                }, {
-                    loader: "css-loader" // translates CSS into CommonJS
-                }]
-            }
-        ]
-    },
-    devServer: {
-        contentBase: './dist',
-        port: 3000,
-        index: 'index.html',
-        historyApiFallback: true,
-        proxy: {
-            '/api/websocket': {
-                target: 'http://localhost:8080',
-                ws: true,
-                changeOrigin: true
+module.exports = env => {
+    const proxyTarget = env && env.target ? env.target : 'http://localhost:8080';
+
+    return merge(
+        common,
+        {
+            mode: 'development',
+            devtool: 'inline-source-map',
+            module: {
+                rules: [
+                    {
+                        test: /\.css$/,
+                        use: [{
+                            loader: "style-loader" // creates style nodes from JS strings
+                        }, {
+                            loader: "css-loader" // translates CSS into CommonJS
+                        }]
+                    }
+                ]
             },
-            '/api': {
-                target: 'http://localhost:8080',
-                changeOrigin: true
+            devServer: {
+                contentBase: path.resolve(__dirname, './target/dist'),
+                host: 'localhost',
+                port: 3000,
+                index: 'index.html',
+                historyApiFallback: true,
+                proxy: {
+                    '/api/websocket': {
+                        target: proxyTarget,
+                        ws: true,
+                        changeOrigin: true
+                    },
+                    '/api': {
+                        target: proxyTarget,
+                        changeOrigin: true,
+                        headers: {
+                            origin: proxyTarget
+                        }
+                    },
+                }
             },
+            plugins: [
+                new HtmlWebpackPlugin({
+                    inject: false,
+                    title: "Che Workspace Loader",
+                    template: "src/index.html",
+                    urlPrefix: "/"
+                })
+            ]
         }
-    },
-    plugins: [
-        new HtmlWebpackPlugin({
-            inject: false,
-            title: "Che Workspace Loader",
-            template: "src/index.html",
-            urlPrefix: "/"
-        })
-    ]
-});
+    )
+};