使用代理时Webpack Dev Server缺少文件

时间:2018-09-12 17:57:10

标签: javascript webpack webpack-dev-server

我有一个正在使用Single-spa-angular-cli框架的应用程序,并且正在尝试使其运行并在本地调出标题栏并将应用程序从另一个域中拉出。我能够将这两个应用程序都拉到我的主应用程序中,但是我的本地标题栏缺少指向某些javascript文件的链接,并且无法正确显示。我相信这与我使用Webpack Dev Server设置的代理有关。

    function getProxyConfig(applications, devApplications) {
  const proxy = {};
  for (app of applications) {
    const path = app.baseHref + '/';
    let target = `http://localhost:${PORT}/build${path}`;
    if (devApplications.hasOwnProperty(app.name)) {
      target = devApplications[app.name];
    }
    proxy[path] = {
      target: target,
      changeOrigin: true,
      secure : false,
      pathRewrite: {
        [path]: ''
      },
      bypass: function (req, res, proxyOptions) {
        if (req.headers.accept && req.headers.accept.indexOf('html') !== -1) {
          return '/index.html';
        }
      }
    };
  }
  console.log(proxy);
  return proxy;
}

在我的Chrome控制台中,我收到错误消息,说它正在尝试加载文件,但是从错误的位置加载了文件。

出现错误 runtime.891f6a69847fab1b0c1c.js:1 GET http://localhost:8080/app1/4.92a4c0eb6efc08b2d782.js 404

但是文件应位于http://localhost:8080/aacn/4.92a4c0eb6efc08b2d782.js

为什么要在其他位置查找文件?

0 个答案:

没有答案