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.jsmodule.exports = {  devServer: {    before(app) {      app.get('/something', (req, res) => res.send(process.env.SOMETHING))    }  }}...或者devServer.onBeforeSetupMiddleware在 Webpack 5 中（在 Vue CLI 5 中使用）：// vue.config.jsmodule.exports = {  devServer: {    onBeforeSetupMiddleware(server) {      server.app.get('/something', (req, res) => res.send(process.env.SOMETHING))    }  }}