Webpack devServer代理不使用Sapper

Question

我有一个节点 dev服务器在http://localhost:3000上运行Sapper，我希望所有/api/请求代理另一个在pythonhttp://localhost:8000/api/上编写的本地开发服务器。

这对于纯Svelte非常有效。

// webpack.config.js

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

但是Sapper绝对不会做任何事情--只需获得默认Sapper的404错误

我想这与Sapper的路由机制有某种关系，但却找不到如何处理它。

Answer 1

Sapper使用波尔卡服务器。可以使用http-代理中间件配置代理

src/server.js

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

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