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

【问题标题】：How to host Webpack DevServer in a custom path如何在自定义路径中托管 Webpack DevServer
【发布时间】：2020-02-24 11:03:22
【问题描述】：

我正在尝试配置 webpack 开发服务器 在http://localhost:8080/myProject 中运行

而不是根路径localhost:8080

我已经尝试过配置

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

和

publicPath: '/myProject/'

设置，但我无法使其工作。

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

我需要这个更改的原因是因为 api 服务器发送了一个带有path=/myProject 的 cookie。

我错过了什么？

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案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'
      });
    });
  },
},

【讨论】：

我的想法是在/myProject 获得前端应用程序我不再有那个项目但感谢您的回答