vue-cli devServer代理绕过

Question

我希望 Vue CLI 的开发服务器在获取特定 URL 时返回一个字符串。为此，我想使用 的webpack dev-server选项bypass。（网页包文档）我试过这个：devServer: {    proxy: {        '/something': {            bypass: (req, res) => res.send(process.env.SOMETHING),        }    }}这会导致错误：When proxy in package.json is an object, each context object must have a target property specified as a url string。我不需要一个target选项（就像在这个例子中）我怎样才能使这项工作？

Answer 1

devServer.proxy不适合这个。相反，在devServer.beforeWebpack 4 中添加你的路由（在 Vue CLI 4 中使用）：

// vue.config.js

module.exports = {

  devServer: {

    before(app) {

      app.get('/something', (req, res) => res.send(process.env.SOMETHING))

    }

  }

}

...或者devServer.onBeforeSetupMiddleware在 Webpack 5 中（在 Vue CLI 5 中使用）：

// vue.config.js

module.exports = {

  devServer: {

    onBeforeSetupMiddleware(server) {

      server.app.get('/something', (req, res) => res.send(process.env.SOMETHING))

    }

  }

}