Anyone know of a way to proxy gradle's webserver s...

# compose-web

[Eric]

Anyone know of a way to proxy gradle's webserver so I can do XMLHttpRequest from the app? The kotlin/gradle/java/etc equivalent of this Node.js code: const config = {
async rewrites() {
return [
{
source: '/api/:path*',
destination: '<http://localhost:4000/:path*>' // Proxy to Backend
}
]
}
};

[Chrimaeon]

gradle does not come with a webserver. compose is started with with the https://webpack.js.org/configuration/dev-server/

that you can configure as in the description

[Chrimaeon]

just put a file with the config in as descirped in here https://kotlinlang.org/docs/js-project-setup.html#webpack-configuration-file

[Eric]

The only webpack file is in proj/build/js/packages/composeApp/webpack.config.js, it seems to get overwritten if I modify it directly when I start the gradle task to server the devserver

[Chrimaeon]

If you want to make further adjustments to the webpack configuration, place your additional configuration files inside a directory called webpack.config.d in the root of your project.

[Chrimaeon]

When building your project, all .js configuration files will automatically be merged into the build/js/packages/projectName/webpack.config.js file.

[Chrimaeon]

from the link I posted above 😉

[Eric]

Thanks, im on a single monitor today. I'll try that.

[Chrimaeon]

If that defines your reading skills - good luck with programming 😅

[Eric]

Really? If I search for webpack.config.d on that link I dont find anything.

[Chrimaeon]

https://kotlinlang.org/docs/js-project-setup.html#webpack-configuration-file

[Eric]

cheers

[Eric]

this doesnt seem to be doing the trick:`cat webpack.config.d/webpack.config.js`
config.module.rules.push({
proxy: [
{
context: ['/api'],
target: '<http://localhost:3000>',
},
],
});

[Eric]

its not getting merged into the file when i run ./gradlew composeAppwasmJsBrowserDevelopmentRun

[Chrimaeon]

1. the folder is a direct child of composeApp/ ?
2. you do not want to change the config.module.rules but the config.devServer see the second link I posted in the first response.

[Eric]

It says in the root of the project. I will try it in composeapp and update to config.devserver

[Chrimaeon]

your gradle project is composeApp 😉

[Chrimaeon]

here’s my config file

(function (config) {
    config.devServer = {
        ...config.devServer,
        "historyApiFallback": true,
        proxy: [{
            context: ['/api'],
            target: '<http://localhost:8089>',
        }],
    };
})(config);

[Eric]

That worked!! Thank you!!