How to host Webpack DevServer in a custom path

Question

I am trying to configure webpack devserver to run in http://localhost:8080/myProject

instead of the root path localhost:8080

I already tried to configure

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

and

publicPath: '/myProject/'

settings but I can't make it work.

I also tried to play with the proxy settings but that seems wrong.

The reason why i need this change it's because the api server sends a cookie with path=/myProject.

What am I missing?

Michael Yurin · Accepted Answer · 2021-09-22 09:09:44Z

1

Are you trying to emulate some API or do you want to get your front-end app at /myProject? If you want front-end at /myProject you don't need to edit a devserver, you just need to configure output in webpack.config.js:

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

For emulating API you can use onBeforeSetupMiddleware in webpack.config.js:

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

answered Sep 22, 2021 at 9:09

Michael Yurin

1,07014 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Luis Filipe Over a year ago

The ideia was to get the frontend app at /myProject I no longer have that project but thanks for the answer

Collectives™ on Stack Overflow

How to host Webpack DevServer in a custom path

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related