Webpack devServer 代理無法與 Sapper 一起使用

Question

我有一個節點開發服務器在http://localhost:3000上運行Sapper ，我希望所有/api/請求代理另一個本地開發服務器，該服務器寫在 python http://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 使用Polka服務器。 可以使用http-proxy-middleware配置代理

src/server.js

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

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