Question

我使用Webpack Dev Server从外部URL代理我的文件，因为我使用它来开发本地并从服务器代理PHP / Twig文件，这样就可以了方式我不需要在本地设置所有后端。

但问题是我需要重写资产网址以从本地计算机而不是代理中提取这些文件。现在，当我打开我的localhost时，所有资产都从服务器加载。即：http://mycoolwebsite.com/core/somefolder/assets/styles.css

我需要将其替换为来自我的localhost，如下所示：

/assets/styles.css

这就是我现在所拥有的：

devServer: {
    compress: true,
    port: 9000,
    proxy: {
    '*': {
        target: 'http://mycoolwebsite.com',
        changeOrigin: true,
        secure: false
    }
}

有任何线索吗？谢谢！

Answer 1

您希望所有转到您服务器的请求＆＃34; http://mycoolwebsite.com/ **＆＃34; 去你当地的机器：＆＃34; http://localhost:9000/＆＃34; （假设它在端口9000上运行）

所以试试这个：

proxy: {
'/assets/**': {
    target: 'http://localhost:9000',
    secure: false,
    pathRewrite: function(req, path) {
     //use the pathRewrite to modify your path if needed
     return path;
    }
}

现在它不应该对你实际呼叫的服务器产生任何影响。每个包含＆＃39; / assets /＆＃39;的请求应该去你的本地主机。（我无法测试它）

重写Webpack代理URL

1 个答案: