如何在自定义路径中托管 Webpack DevServer

Question

我正在尝试在 http://localhost:8080/myProject

中将 webpack devserver 配置为运行
而不是根路径localhost:8080

我已经尝试配置

public: 'https://localhost:8080/myProject',

和

publicPath: '/myProject/'

设置，但我无法让它工作。

我也试过使用 proxy 设置，但这似乎是错误的。

我需要此更改的原因是 api 服务器发送了一个带有 path=/myProject.
的 cookie
我错过了什么？

Answer 1

您是想模仿一些 API 还是想在 /myProject 上获取您的前端应用程序？如果你想要前端在 /myProject 你不需要编辑 devserver，你只需要在 webpack.config.js:

中配置 output

output: {
  publicPath: '/myProject',
},

要模拟 API，您可以在 webpack.config.js 中使用 onBeforeSetupMiddleware：

devServer: {
  port: 3000,
  https: true,
  onBeforeSetupMiddleware: function (devServer) {
    devServer.app.get('/myProject', function (req, res) {
      res.json({
        message: 'some data from API'
      });
    });
  },
},

如何在自定义路径中托管 Webpack DevServer

How to host Webpack DevServer in a custom path

webpack

webpack-dev-server