Webpack devServer 代理无法与 Sapper 一起使用答案

【问题标题】：Webpack devServer proxy not working with SapperWebpack devServer 代理无法与 Sapper 一起使用
【发布时间】：2020-05-30 01:43:40
【问题描述】：

我有一个在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的路由机制有某种关系，但找不到如何处理

【问题讨论】：

标签： webpack svelte sapper

【解决方案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

【讨论】：