Vue-cli Devserver Proxy Bypass

I would like Vue CLI's dev server to return a string when a specific URL is fetched. For this, I wanted to use webpack dev-server's bypass option. (webpack docs) I tried this: devS

Solution 1:

devServer.proxy isn't appropriate for this. Instead, add your route in devServer.before in Webpack 4 (used in Vue CLI 4):

// vue.config.jsmodule.exports = {
  devServer: {
    before(app) {
      app.get('/something', (req, res) => res.send(process.env.SOMETHING))
    }
  }
}

...or devServer.onBeforeSetupMiddleware in Webpack 5 (used in Vue CLI 5):

// vue.config.jsmodule.exports = {
  devServer: {
    onBeforeSetupMiddleware(server) {
      server.app.get('/something', (req, res) => res.send(process.env.SOMETHING))
    }
  }
}