Webpack devServer proxy not working with Sapper

Question

I have a node dev server running Sapper on http://localhost:3000, and I want all /api/ requests proxy another local dev server written on python http://localhost:8000/api/

This worked perfectly for pure Svelte:

// webpack.config.js

module.exports.devServer = {
    historyApiFallback: true,
    proxy: {
        '/api/': {
            target: 'http://localhost:8000',
            secure: false,
            changeOrigin: true
        }
    },
};

But does absolutely nothing with Sapper - just get default Sapper's 404 error

I guess it is somehow related with Sapper's routing mechanism, but can not find how to deal with it

MaxCore · Accepted Answer · 2020-05-30 14:45:20Z

3

Sapper uses Polka server. Proxy can be configured using http-proxy-middleware

src/server.js

const { createProxyMiddleware } = require('http-proxy-middleware');

polka()
    .use('/api', createProxyMiddleware({ target: 'http://localhost:8000' }))
    // other .use, .listen rules

answered May 30, 2020 at 14:45

MaxCore

2,7956 gold badges31 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Webpack devServer proxy not working with Sapper

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related