Proxy root url

What problem does this feature solve?

devServer.proxy cannot be used to proxy root requests now. It is very usefull when your vue app is under some php project.

What does the proposed API look like?

Webpack DevServer can be set to proxy root requests too: https://webpack.js.org/configuration/dev-server/#devserverproxy with this config:

module.exports = {
  //...
  devServer: {
    index: '', // specify to enable root proxying
    host: '...',
    contentBase: '...',
    proxy: {
      context: () => true,
      target: 'http://localhost:1234'
    }
  }
};

but now this config throw error:

When `proxy` in package.json is an object, each `context` object must have a `target` property specified as a url string

[padinko]

This config will not proxy the root request…

here is my config:

    devServer: {
        index: '',
        host: process.env.SERVE_DOMAIN,
        port: process.env.SERVE_PORT,
        proxy: {
            '^/': {
                target: process.env.APP_URL,
                ws: true,
                changeOrigin: true,
            },
        },
    },

problem is when I open http://SERVE_DOMAIN:SERVE_PORT (i.e. http://localhost:8080 ) dev server returns: Cannot GET /

instead of pass proxy to APP_URL

If you want to proxy this request too, you need to pass index: '' and context function which return true/false, when server should proxy request.

vue-cli don’t allow to pass context function, that’s the problem

EDIT: you can check example here https://webpack.js.org/configuration/dev-server/#devserverproxy search root proxying

[probil]

@padinko Solved it this way (for now)

const proxyMiddleware = require('http-proxy-middleware')

const PROXY = 'http://localhost:3000'

module.exports = {
  devServer: {
    index: '',
    serveIndex: false,
    historyApiFallback: false,
    progress: false,
    proxy: {
      '^/': {
        target: PROXY,
        ws: false,
        changeOrigin: true
      }
    },
    staticOptions: {
      redirect: false
    },
    after: app => app.use('/', proxyMiddleware(PROXY))
  },
}

Not the best way but at least it works fine in my case