如何使用wepack devserver代理靜態文件？

Question

我的publicPath是/static/dist 。 當我的開發服務器運行時，我如何將static/dist代理到/ ？

我知道我可以：

let publicPath;
if (process.env.NODE_BUILD_DEPLOYMENT_PATH) {
    // Change process.env.NODE_BUILD_DEPLOYMENT_PATH to match the path to your files
    // in production (could be S3, CloudFront, etc.)
    publicPath = process.env.NODE_BUILD_DEPLOYMENT_PATH;
} else {
    publicPath = 'http://localhost:8099/';
}

但我需要代理。 它用於預渲染。 渲染后，我的所有靜態文件都需要static/dist前綴。 但是當我的開發服務器運行時，我想要代理static/dist到/ 。

例如： static/dist/js -> /js 。

Answer 1

解決辦法是：

        server: {
            port: options.devServer.port,
            proxy: {
                '/static/dist/*': {
                    target: 'http://localhost:8099',
                    pathRewrite: {'^/static/dist/': ''}
                }
            }
        },